From 6a2bbb343fb2ba7bf15c56a6776d63577693f970 Mon Sep 17 00:00:00 2001
From: Adam Coldrick <adam@sotk.co.uk>
Date: Fri, 3 Aug 2018 23:17:26 +0100
Subject: [PATCH] Improve appearance of search bars

Change-Id: I4a4a7e790657468528974ce872ecb6b594390691
---
 src/theme/base/_tag_input.scss | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/theme/base/_tag_input.scss b/src/theme/base/_tag_input.scss
index debd635f..35eb1f7a 100644
--- a/src/theme/base/_tag_input.scss
+++ b/src/theme/base/_tag_input.scss
@@ -18,13 +18,18 @@
  * The Tag-input form control
  */
 .form-control.tag-input {
+    border: none;
+    border-radius: 2px;
+    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.125);
     position: relative;
-    padding: .2em;
-    padding-bottom: 0px;
     height: auto;
     cursor: text;
     min-height: 2.4em;
 
+    &:hover {
+        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.125);
+    }
+
     input.tag-input {
         border: none;
         outline: none;
@@ -49,7 +54,6 @@
 .tag {
     padding: .2em .2em .2em .4em;
     margin-right: .2em;
-    margin-bottom: .3em;
     font-size: .9em;
     display: inline-block;
     cursor: pointer;
@@ -139,7 +143,7 @@
             $color-rgba: rgba(red($input-border-focus), green($input-border-focus), blue($input-border-focus), .6);
             border-color: $input-border-focus;
             outline: 0;
-            @include box-shadow("inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #{$color-rgba}");
+            @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #{$color-rgba});
         }
     }
 }