search field style work

HospitalRun · Aug 15, 2014 · a9e6e6f · a9e6e6f · jglovier · Aug 15, 2014
1 parent c213642
commit a9e6e6f
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 4 deletions.
diff --git a/app/styles/app.scss b/app/styles/app.scss
@@ -134,6 +134,41 @@ body {
 
 }
 
+.site-search-form {
+    margin: 17px 0;
+
+    .form-group {
+        float: left;
+    }
+
+    input {
+        height: 50px;
+        border-radius: 5px 0 0 5px;
+        padding: 6px 22px;
+        font-size: 18px;
+        font-weight: 300;
+    }
+
+    .btn {
+        background-color: #d2dae3;
+        border-radius: 0 5px 5px 0;
+        font-size: 22px;
+        width: 56px;
+        height: 50px;
+        text-shadow: none;
+        @include transition(opacity);
+
+        &:hover {
+            opacity: .8;
+        }
+
+        .glyphicon {
+            top: 2px;
+            right: 1px;
+        }
+    }
+}
+
 .navbar-nav {
 
     > li {

diff --git a/app/templates/navigation.hbs b/app/templates/navigation.hbs
@@ -17,7 +17,7 @@
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             {{#if allowSearch}}
 
-                <div class="navbar-form navbar-left" role="search">
+                <div class="navbar-form navbar-left site-search-form" role="search">
                     <div class="form-group">
                         {{text-search valueBinding="searchText" autofocus="true" placeholder="Search" class="form-control"}}
                     </div>

diff --git a/dist/assets/hospitalrun.css b/dist/assets/hospitalrun.css
diff --git a/dist/assets/hospitalrun.css.map b/dist/assets/hospitalrun.css.map