From b405dd28faca06971eb0197f439ebd923dac0f6e Mon Sep 17 00:00:00 2001 From: Kyle Ruane Date: Sat, 16 Mar 2019 17:25:25 -0400 Subject: [PATCH] Fix spacing on mobile search bar --- assets/css/partials/_main.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/assets/css/partials/_main.scss b/assets/css/partials/_main.scss index f849459e..a081be3d 100644 --- 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,9 +133,9 @@ 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; @@ -143,10 +143,10 @@ 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;