Fix spacing on mobile search bar

cdevroe · Mar 16, 2019 · b405dd2 · b405dd2
1 parent 3acb6fd
commit b405dd2
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/assets/css/partials/_main.scss b/assets/css/partials/_main.scss
@@ -95,7 +95,7 @@
             .search-bar {
                 height: 100%;
                 width: 100%;
-                padding: 14px 100px 16px 18px;
+                padding: 10px 100px 10px 18px;
                 background: $color_white;
                 position: absolute;
                 display: none;
@@ -133,20 +133,20 @@
                 button {
                     display: block;
                     height: 26px;
-                    width: 42px;
+                    width: 40px;
                     background: $color_blue;
-                    border-radius: 4px;
+                    border-radius: 3px;
                     color: $color_white;
                     padding: 4px 10px 6px;
                     text-align: center;
                     @include title-text;
                     font-weight: 600;
                     font-size: 13px;
                     position: absolute;
-                    right: 48px;
+                    right: 42px;
                     top: 50%;
                     margin-top: -13px;
-                    box-shadow: 0 1px 3px 0 transparentize($color_darkest, .93), 0 2px 5px 0 transparentize($color_darkest, .9), 0 12px 40px -20px transparentize(white, .5) inset;
+                    box-shadow: 0 1px 3px 0 transparentize($color_darkest, .96), 0 2px 5px 0 transparentize($color_darkest, .94), 0 12px 40px -20px transparentize(white, .5) inset;
                     @include sm {
                         height: 32px;
                         margin-top: -17px;
@@ -161,7 +161,7 @@
                     position: absolute;
                     top: 50%;
                     margin-top: -14px;
-                    right: 12px;
+                    right: 9px;
                     border-radius: 50%;
                     @include sm {
                         width: 32px;