From c81631118dd563c90bb2ecf828bb43d609ca64f9 Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Thu, 29 May 2014 12:00:16 +1000
Subject: [PATCH] Add styling to include the search icon in big input searches
 for Hubs and Producers

---
 .../darkswarm/active_table_search.css.sass    | 19 ++++++++++++++++---
 app/assets/stylesheets/darkswarm/mixins.sass  |  5 +++++
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/active_table_search.css.sass b/app/assets/stylesheets/darkswarm/active_table_search.css.sass
index 5b70800bab..e558c41511 100644
--- a/app/assets/stylesheets/darkswarm/active_table_search.css.sass
+++ b/app/assets/stylesheets/darkswarm/active_table_search.css.sass
@@ -1,6 +1,19 @@
 @import mixins
 
 #active-table-search
-  input
-    font-size: 2em
-    @include big-input
\ No newline at end of file
+  position: relative
+
+  i.ofn-i_020-search
+    position: absolute
+    left: 26px
+    top: 12px
+    font-size: 1.6em
+    z-index: 999
+    color: #b2b2b2
+  
+  input[type="text"]
+    font-size: 2em  
+    @include csstrans
+    @include big-input
+    padding-left: 44px
+  
\ No newline at end of file
diff --git a/app/assets/stylesheets/darkswarm/mixins.sass b/app/assets/stylesheets/darkswarm/mixins.sass
index fd26cfcae9..aa44d4c4b5 100644
--- a/app/assets/stylesheets/darkswarm/mixins.sass
+++ b/app/assets/stylesheets/darkswarm/mixins.sass
@@ -12,9 +12,14 @@
   border: 1px solid #999
   font-size: 18px
   @extend .avenir
+  box-shadow: 0
   padding: 0.75em 1em
   height: auto
   margin-bottom: 1em
+  background: rgba(255,255,255,0.65)
+  &:active, &:hover, &:focus
+    background: rgba(255,255,255,1)
+    border-color: #888
 
 @mixin disabled
   color: $disabled-bright