From d985054fcdd08053735ae767b07b362451d71056 Mon Sep 17 00:00:00 2001
From: Mario Volke <info@mariovolke.com>
Date: Sat, 29 Nov 2014 10:16:45 +0100
Subject: [PATCH] Add search--light modifier to align with btn--light in action
 bar

---
 src/sass/blocks/basics/_form.scss | 12 ++++++++++++
 src/tpl/action-bar.html           |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/sass/blocks/basics/_form.scss b/src/sass/blocks/basics/_form.scss
index 9ac68e3..178f41f 100644
--- a/src/sass/blocks/basics/_form.scss
+++ b/src/sass/blocks/basics/_form.scss
@@ -188,6 +188,18 @@
         height: 1em;
         width: 0.8em;
     }
+
+    // Small lightweight search field to align with btn--light
+    &--light {
+        .input-text {
+            height: 2em;
+            padding-top: 0.5em;
+            padding-bottom: 0.5em;
+        }
+        & > svg {
+            top: 0.5em;
+        }
+    }
 }
 
 .input-checkbox {
diff --git a/src/tpl/action-bar.html b/src/tpl/action-bar.html
index 4598bb4..8c64a06 100644
--- a/src/tpl/action-bar.html
+++ b/src/tpl/action-bar.html
@@ -16,7 +16,7 @@
   </div><!--/action-bar__secondary-->
 
   <div class="action-bar__search">
-    <div class="search">
+    <div class="search search--light">
       <svg><use xlink:href="#icon-search" /><title>Search</title></svg>
       <input class="input-text" type="text" ng-model="searchText"
         ng-change="displaySearchResults(searchText)"