Fixe la taille du + de la recherche dans le menu mobile (#4422)

fix #4418
zestedesavoir · Aug 2, 2017 · 70f2046 · 70f2046
1 parent 6610013
commit 70f2046
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/assets/scss/components/_mobile-menu.scss b/assets/scss/components/_mobile-menu.scss
@@ -30,15 +30,22 @@
             top: 0;
             left: 0;
             width: 100%;
+            display: flex;
+
+            form {
+                flex: 1;
+            }
 
             input {
                 color: #EEE;
                 background-color: #333;
-                width: 76%;
                 height: 30px;
                 padding: 10px 5%;
                 font-size: 16px;
                 font-size: 1.6rem;
+                width: 100%;
+                height: 100%;
+                box-sizing: border-box;
 
                 &:hover,
                 &:focus {
@@ -47,12 +54,14 @@
                     background-color: #333;
                 }
             }
+
             button {
                 display: none;
             }
+
             .search-more {
                 background-color: #3F3F3F;
-                width: 14%;
+                width: 50px;
                 height: 50px;
                 line-height: 50px;
                 color: #CCC;