Update style.css

Signed-off-by: Atelloblue <[email protected]>
Atelloblue · Sep 18, 2024 · 3757e3e · 3757e3e
1 parent 7cce055
commit 3757e3e
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/style.css b/style.css
@@ -20,9 +20,6 @@ button.gsc-search-button.gsc-search-button-v2 {
   transition: background-color 0.3s ease;
 }
 
-button.gsc-search-button.gsc-search-button-v2:hover {
-}
-
 /* BASIC STYLES */
 body {
   margin: 0;
@@ -192,6 +189,16 @@ div#gsc-iw-id1.gsc-input-box {
   margin-left: 10px; /* Move the box a tiny bit to the right */
 }
 
+/* Adjust the size if the device width is smaller than 550px */
+@media screen and (max-width: 550px) {
+  div#gsc-iw-id1.gsc-input-box {
+    width: 55%; /* Adjust the width to be responsive */
+    padding: 8px;
+    margin-left: 0px; /* Move the box a tiny bit to the left */
+    top: -10px; /* Slight adjustment to keep alignment */
+  }
+}
+
 /* Existing styles for the input inside the search box */
 div#gsc-iw-id1.gsc-input-box input {
   border: none; /* Removes inner input border */