Tighten mobile hero lookup button

2026-03-24 12:44:59 +01:00
parent 7faee8814f
commit 81852bae8c
2 changed files with 20 additions and 4 deletions
--- a/website_example/themes/custom.css
+++ b/website_example/themes/custom.css
@@ -880,12 +880,28 @@ textarea:focus {
    grid-template-columns: 1fr;
  }

-  .hero-lookup-group .input-group-btn,
-  .hero-lookup-group .btn {
-    display: block;
+  .hero-lookup-group {
+    display: table;
    width: 100%;
  }

+  .hero-lookup-group .input-group-btn {
+    width: 1%;
+    white-space: nowrap;
+    vertical-align: top;
+  }
+
+  .hero-lookup-group .btn {
+    width: 54px;
+    min-width: 54px;
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .hero-lookup-group .hero-lookup-label {
+    display: none;
+  }
+
  .infoBox .icon {
    font-size: 48px;
    line-height: 48px;