style(button.css): adjust button-search-height for smaller screens to…

… 2.5rem
mits-gossau · Sep 5, 2024 · 7e6e724 · 7e6e724
1 parent fc5ae2b
commit 7e6e724
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/css/components/button.css b/src/css/components/button.css
@@ -125,4 +125,10 @@
     --button-search-icon-search-color-custom: var(--mdx-base-color-klubschule-blue-600);
     --button-search-icon-search-color-hover-custom: var(--mdx-base-color-klubschule-blue-600);
     --button-search-height: var(--button-primary-height, 3.125rem); /* mdx token missing */
+}
+
+@media only screen and (max-width: 767px) {
+    :root {
+        --button-search-height: var(--button-primary-height, 2.5rem); /* mdx token missing */
+    }
 }