fix button

Author: ArthurFlag

layouts/_default/baseof.html

@@ -63,15 +63,7 @@
             <div class="topbar-button w-full flex items-center gap-2" id="search-bar-container">
                {{ partialCached "search-bar.html" "-" }}
             </div>
-            <button class="topbar-button w-full flex items-center gap-2"
-               href="https://hub.docker.com/support/contact"
-                aria-label="Contact support" class="flex items-center gap-2 w-full">
-                <span>Contact support</span>
-                <span class="icon-svg icon-sm">
-                  {{ partial "utils/svg.html" "/icons/headset.svg" }}
-                </span>
-              </a>
-            </button>
+            {{ partial "contact-support-button.html" .}}
             <button
               aria-label="Theme switch"
               id="theme-switch"

layouts/partials/contact-support-button.html

@@ -0,0 +1,12 @@
+{{ $class := "" }}
+{{ if eq . "notext" }}
+  {{ $class = "hidden lg:inline" }}
+{{ end }}
+<a class="topbar-button w-full flex items-center gap-2"
+   href="https://hub.docker.com/support/contact"
+   aria-label="Contact support">
+    <span class="{{ $class }}">Contact support</span>
+    <span class="icon-svg icon-sm">
+      {{ partial "utils/svg.html" "/icons/headset.svg" }}
+    </span>
+</a>

layouts/partials/header.html

@@ -62,14 +62,7 @@
            {{ partialCached "search-bar.html" "-" }}
         </div>
 
-        <button class="topbar-button" href="https://hub.docker.com/support/contact"
-            aria-label="Contact support">
-            <span class="hidden lg:inline">Contact support</span>
-            <span class="icon-svg icon-sm">
-              {{ partial "utils/svg.html" "/icons/headset.svg" }}
-            </span>
-          </a>
-        </button>
+        {{ partial "contact-support-button.html" "notext" }}
 
         <button
           aria-label="Theme switch"
@@ -93,4 +86,10 @@
       <!-- On sm screens, hide all buttons here (they will be in sidebar) -->
     </div>
   </div>
+</header>
+        </button>
+      </div>
+      <!-- On sm screens, hide all buttons here (they will be in sidebar) -->
+    </div>
+  </div>
 </header>