add navbar search icon

Netdisco/public/css/netdisco.css

@@ -5,6 +5,11 @@ body {
   padding-top: 50px;
 }
 
+.navbar_icon {
+  vertical-align: middle;
+  cursor: pointer;
+}
+
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 /* various styles to adjust the hero box used for homepage + login */
 

Netdisco/public/javascripts/netdisco.js

@@ -124,6 +124,11 @@ $(document).ready(function() {
   // activate tooltips
   $("[rel=twipsy]").twipsy({live: true});
 
+  // bind submission to the navbar go icon
+  $('#navsearchgo').click(function() {
+    $('#navsearchgo').parent('form').submit();
+  });
+
   // fix green background on search checkboxes
   // https://github.com/twitter/bootstrap/issues/742
   syncCheckBox = function() {

Netdisco/views/layouts/main.tt

@@ -59,6 +59,7 @@
       </ul>
       <form method="get" action="[% uri_for('/search') %]">
         <input placeholder="Find Anything" class="span5" id="nq" name="q" type="text"/>
+        <img id="navsearchgo" class="navbar_icon" src="[% uri_base %]/images/crystalclear_mag.png"/>
       </form>
       <ul class="nav secondary-nav">
         <li class="menu">