fix search menuHEADmaster

1 files changed, 5 insertions, 8 deletions

diff --git a/styles.css b/styles.css
index f5d2fb1..c578d3e 100644
--- a/styles.css
+++ b/styles.css
@@ -243,13 +243,10 @@ input[type="search"] {
 
 #cm-search:checked ~ .open-form {
     grid-column: 1 / span 3;
-    justify-self: center;
-
     display: grid;
-    grid-template-columns: auto auto;
+    grid-template-columns: 30px auto;
+    margin: 0.5rem 1rem;
     align-items: center;
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
 }
 #cm-search:checked ~ .open-form form > input {
     background: var(--background-l2);
@@ -293,6 +290,7 @@ input[type="search"] {
     color: var(--text);
     font-weight: 400;
     height: 30px;
+    width: 100%;
     font-size: 14px;
     padding: 0px 1rem;
 }
@@ -375,10 +373,9 @@ input::-webkit-inner-spin-button {
 @media (min-width: 600px) {
     #cm-search:checked ~ .open-form {
         grid-column: 1 / span 3;
-        grid-template-columns: auto minmax(auto, 500px);
     }
     .open-form form > input {
-        width: 80%;
+        width: 100%;
     }
 }
 
@@ -439,7 +436,7 @@ input::-webkit-inner-spin-button {
 
     #cm-search:checked ~ .open-form {
         grid-column: auto;
-        grid-template-columns: auto minmax(auto, 500px);
+        grid-template-columns: 30px minmax(auto, 500px);
     }
     .l-block {
         margin-bottom: 4rem;