From 595786735c0bc20df8e80235f3f1d2f68224af11 Mon Sep 17 00:00:00 2001 From: Kevin Ports Date: Wed, 7 Nov 2018 16:31:21 -0600 Subject: [PATCH] fix(searchbar): align cancel button to center with search icon position (#16259) --- core/src/components/searchbar/searchbar.md.scss | 2 +- core/src/components/searchbar/searchbar.md.vars.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/core/src/components/searchbar/searchbar.md.scss b/core/src/components/searchbar/searchbar.md.scss index 99403cfb7a..7e2283d318 100644 --- a/core/src/components/searchbar/searchbar.md.scss +++ b/core/src/components/searchbar/searchbar.md.scss @@ -32,7 +32,7 @@ // ----------------------------------------- .searchbar-cancel-button { - @include position(0, null, null, 10px); + @include position(0, null, null, 5px); @include margin(0); display: none; diff --git a/core/src/components/searchbar/searchbar.md.vars.scss b/core/src/components/searchbar/searchbar.md.vars.scss index 50cf5d4e63..9709a5d1db 100644 --- a/core/src/components/searchbar/searchbar.md.vars.scss +++ b/core/src/components/searchbar/searchbar.md.vars.scss @@ -25,7 +25,7 @@ $searchbar-md-cancel-button-color: $text-color-step-100 !default; $searchbar-md-cancel-button-background-color: transparent !default; /// @prop - Font size of the searchbar cancel button -$searchbar-md-cancel-button-font-size: 1.8em !default; +$searchbar-md-cancel-button-font-size: 1.6em !default; /// @prop - Color of the searchbar input search icon $searchbar-md-input-search-icon-color: $text-color-step-400 !default;