minor css fix

graphhopper · Sep 3, 2023 · 28dc492 · 28dc492
1 parent dd159b8
commit 28dc492
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/src/sidebar/search/AddressInput.module.css b/src/sidebar/search/AddressInput.module.css
@@ -6,16 +6,6 @@
     display: none;
 }
 
-.inputContainer:hover .btnInputClear {
-    /* duplicate code, see (clear) */
-    display: block;
-    background-color: white;
-    margin-left: -35px;
-    padding: 0 5px;
-    color: gray;
-    scale: 0.7;
-}
-
 .btnClose {
     display: none;
 }
@@ -62,7 +52,6 @@
         padding: 5px 15px 5px 5px;
     }
 
-    .fullscreen .inputContainer:hover .btnInputClear,
     .fullscreen .btnInputClear {
         /* duplicate code, see (clear) */
         display: block;
@@ -74,6 +63,18 @@
     }
 }
 
+@media not all and (max-width: 44rem) {
+    .inputContainer:hover .btnInputClear {
+        /* duplicate code, see (clear) */
+        display: block;
+        background-color: white;
+        margin-left: -35px;
+        padding: 0 5px;
+        color: gray;
+        scale: 0.7;
+    }
+}
+
 .topBorder {
     padding-top: 3px;
     margin-top: -5px;