From df30d5879ec690c4455b6e0ed777bcb7ec0c556d Mon Sep 17 00:00:00 2001
From: Victoria Wang <violasongoo@gmail.com>
Date: Thu, 23 Oct 2014 16:12:13 -0700
Subject: [PATCH] Surf bar style refinements

---
 views/surf.erb | 42 ++++++++++++++++++++++++++++++++++--------
 1 file changed, 34 insertions(+), 8 deletions(-)

diff --git a/views/surf.erb b/views/surf.erb
index 6b2f8278..c73202f7 100644
--- a/views/surf.erb
+++ b/views/surf.erb
@@ -10,7 +10,7 @@
     <link href="/css/font-awesome.css" rel="stylesheet">
     <link href="/css/bootstrap.min.css" rel="stylesheet">
     <style>
-    * {
+    *, form {
       margin: 0;
       padding: 0;
     }
@@ -44,10 +44,12 @@
     }
     #top-bar ul {
       list-style: none;
+      margin: 0;
     }
     #top-bar li {
       float: left;
       margin-left: 20px;  
+      line-height: normal;
     }
     #top-bar a {
       color: #cecece;
@@ -59,15 +61,38 @@
     #top-bar input {
       border: 0;
       background: #555;
-      color:white;
-      width: 120px;
+      color: white;
+      width: 13em;
       padding: 1px 5px;
-      
+      font-size: inherit;
+      margin: 0;
+      height: 1.1em;
+      line-height: normal;
+      border-radius: 3px;
+    }
+    ::-webkit-input-placeholder { font-style: italic; color: #aaa!important; }
+    :-moz-placeholder { font-style: italic; color: #ccc; }
+    ::-moz-placeholder { font-style: italic; color: #ccc; }
+    :-ms-input-placeholder { font-style: italic; color: #ccc; }
+    #top-bar .twitter-typeahead {
+      color: #000;
+    }
+    #top-bar .tt-dropdown-menu {
+      background: #FFFFFF;
+      cursor: pointer;
+      border: 1px solid #ddd;
+      top: 106%!important;
+      width: 98.5%!important;
+    }
+    #top-bar .tt-suggestion {
+      margin:0;
+      padding: 0px 8px 0px 8px;
+      height: 2em;
+      line-height: 2em;
+    }
+    #top-bar .tt-cursor {
+      background: #DAF3EF;
     }
-    ::-webkit-input-placeholder { font-style: italic; }
-    :-moz-placeholder { font-style: italic; }
-    ::-moz-placeholder { font-style: italic; }
-    :-ms-input-placeholder { font-style: italic; }
     #top-bar .browse-actions {
       margin-left: 20px;
     }
@@ -82,6 +107,7 @@
       background-size: 13px;
       margin-top: 1px;
       float: left;
+      opacity: 1; /*overriding boostrap*/
     }
     #top-bar .invisible a {
       color: #3B3B3B;