updated css rules for explorer windows sizing, added media query

vipra-ui/app/index.html

@@ -54,7 +54,7 @@
             <a tabindex="0" ui-sref="words"><span class="mnemonic">W</span>ords</a>
           </li>
         </ul>
-        <form class="navbar-form navbar-left" role="search" ng-hide="state.name === 'index'" ng-cloak>
+        <form class="navbar-form navbar-left search-form" role="search" ng-hide="state.name === 'index'" ng-cloak>
           <div class="form-group has-feedback">
             <input tabindex="0" type="text" class="form-control" placeholder="Search..." ng-model="rootModels.search" ng-enter="menubarSearch(rootModels.search)" id="menuSearchBox">
             <i class="form-control-feedback glyphicon glyphicon-search text-muted"></i>

vipra-ui/app/js/directives.js

@@ -2,7 +2,7 @@
  * Vipra Application
  * Directives
  ******************************************************************************/
-/* globals angular, Vipra, bootbox, $ */
+/* globals angular, Vipra, bootbox */
 (function() {
 
   "use strict";
@@ -118,7 +118,7 @@
         highcharts: '='
       },
       link: function($scope, $element) {
-        $scope.$watch('highcharts', function(newVal) {
+        $scope.$watch('highcharts', function() {
           $element.highcharts($scope.highcharts);
         });
       }

vipra-ui/app/less/app.less

@@ -252,6 +252,7 @@ a:hover {
     background: #f9f9f9;
     padding: @sidebar-padding;
     height: 100%;
+    min-width: 250px;
     > * + * {
       margin-top: 5px;
     }
@@ -596,4 +597,10 @@ entity-menu {
 
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
     display: none !important;
+}
+
+@media screen and (max-width: 900px) {
+  .search-form {
+    display: none;
+  }
 }
\ No newline at end of file