From a030fe40acccbf3b152905b40e19980c515dc489 Mon Sep 17 00:00:00 2001
From: evykassirer <evy.kassirer@gmail.com>
Date: Mon, 6 Mar 2023 15:54:07 -0800
Subject: [PATCH] search css refactor: Split up general media query.

---
 web/styles/search.css | 35 +++++++++++++++--------------------
 1 file changed, 15 insertions(+), 20 deletions(-)

diff --git a/web/styles/search.css b/web/styles/search.css
index bcf7887494..09eb7089b4 100644
--- a/web/styles/search.css
+++ b/web/styles/search.css
@@ -34,6 +34,10 @@
             left: 10px;
             top: 10px;
             z-index: 5;
+
+            @media (width < $sm_min) {
+                top: 5px;
+            }
         }
 
         .fa-search:not(.deactivated) {
@@ -81,12 +85,18 @@
         z-index: 5;
     }
 
-    .search_button:hover {
-        opacity: 1;
-    }
+    .search_button {
+        &:hover {
+            opacity: 1;
+        }
 
-    .search_button:disabled {
-        visibility: hidden;
+        &:disabled {
+            visibility: hidden;
+        }
+
+        @media (width < $sm_min) {
+            top: 0;
+        }
     }
 
     .search_icon {
@@ -149,18 +159,3 @@
         }
     }
 }
-
-@media (width < $sm_min) {
-    #searchbox,
-    #searchbox_legacy {
-        .input-append .fa-search {
-            top: 5px;
-        }
-
-        .search_button,
-        .search_button:disabled:hover {
-            top: 0;
-        }
-    }
-
-}