better search input alignment on mobile

eclipse-iofog · Nov 14, 2018 · 8260258 · 8260258
1 parent 50f16dd
commit 8260258
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/BringYourOwnEdge/BringYourOwnEdge.scss b/src/components/BringYourOwnEdge/BringYourOwnEdge.scss
@@ -180,7 +180,7 @@
 /* resolution less than 768px */
 @media (max-width: 767px) {
   .edge {
-    padding-top: 70px;
+    padding-top: 22px;
     height: 500px;
 
     &:before {

diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
@@ -222,6 +222,7 @@
 
       a {
         width: 68px;
+        margin-right: 5px;
       }
     }
     /* main-nav */
@@ -346,6 +347,8 @@
       order: 2;
 
       &__wrapper {
+        padding-right: 10px;
+
         input {
           font-size: 16px;
           width: 0px;
@@ -354,7 +357,7 @@
 
           &:focus {
             padding-right: 38px;
-            width: calc(100vw - 154px);
+            width: calc(100vw - 140px);
           }
         }
       }