From 160bc07e2ef2259abaf3c85be1077f4e26792ee7 Mon Sep 17 00:00:00 2001 From: Aleksander Machniak Date: Mon, 20 Mar 2017 12:26:02 +0100 Subject: [PATCH] Small searchbar improvements --- skins/elastic/styles/widgets/searchbar.less | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/skins/elastic/styles/widgets/searchbar.less b/skins/elastic/styles/widgets/searchbar.less index 4fcef5a37..3225900e4 100644 --- a/skins/elastic/styles/widgets/searchbar.less +++ b/skins/elastic/styles/widgets/searchbar.less @@ -14,26 +14,34 @@ height: 2.5em; } - & > form, - & > a.button.options, - & > a.button.reset { + form, + a.button.options, + a.button.reset { display: none; width: 1%; } - & > form, - & > form > input { + form { width: 98%; + text-align: left; + padding-left: 0.25em; + + &:before { + &:extend(.font-icon-class); + content: @fa-var-search; + } } input { + width: 80%; border: none; border-bottom: 1px solid #ddd; background: transparent; line-height: 1; + padding-left: 0.1em; } - & > a { + a { &.button.search.active { color: @searchbar-icon-active-color; }