fix: make search box more rectangular

svg · Jul 26, 2024 · 56f3fbe · 56f3fbe
1 parent 7a2d088
commit 56f3fbe
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -67,18 +67,19 @@
 }
 
 /* Search overrides */
-nav input {
-  background-color: var(--svgo-search-bg-color) !important;
+nav .navbar__search-input {
+  border-radius: .5rem;
+  background-color: var(--svgo-search-bg-color);
 }
-nav input:hover, nav input:focus {
-  background-color: var(--svgo-search-bg-hover) !important;
+nav .navbar__search-input:hover, nav .navbar__search-input:focus {
+  background-color: var(--svgo-search-bg-hover);
 }
 nav div kbd {
   background-color: var(--svgo-pri-bg-color) !important;
 }
 @media (min-width: 577px) {
-  nav input {
-    width: 200px !important;
+  nav .navbar__search-input {
+    width: 200px;
   }
 }