dashboard: make node box's code nicer

also fix the search button

circle/dashboard/templates/dashboard/index-nodes.html

 {% load i18n %}
 {% load i18n %}
-  <div class="panel panel-default">
+<div class="panel panel-default">
   <div class="panel-heading">
   <div class="panel-heading">
     <div class="pull-right toolbar">
     <div class="pull-right toolbar">
       <div class="btn-group">
       <div class="btn-group">
@@ -7,9 +7,10 @@
           data-container="body"><i class="fa fa-dashboard"></i></a>
           data-container="body"><i class="fa fa-dashboard"></i></a>
         <a href="#index-list-view" data-index-box="node" class="btn btn-default btn-xs disabled"
         <a href="#index-list-view" data-index-box="node" class="btn btn-default btn-xs disabled"
           data-container="body"><i class="fa fa-list"></i></a>
           data-container="body"><i class="fa fa-list"></i></a>
-
       </div>
       </div>
-      <span class="btn btn-default btn-xs infobtn" title="{% trans "List of compute nodes, also called worker nodes or hypervisors, which run the virtual machines." %}"><i class="fa fa-info-circle"></i></span>
+      <span class="btn btn-default btn-xs infobtn" title="{% trans "List of compute nodes, also called worker nodes or hypervisors, which run the virtual machines." %}">
+        <i class="fa fa-info-circle"></i>
+      </span>
     </div>
     </div>
     <h3 class="no-margin">
     <h3 class="no-margin">
       <i class="fa fa-sitemap"></i> {% trans "Nodes" %}
       <i class="fa fa-sitemap"></i> {% trans "Nodes" %}
@@ -31,9 +32,12 @@
     <div href="#" class="list-group-item list-group-footer">
     <div href="#" class="list-group-item list-group-footer">
       <div class="row">
       <div class="row">
         <div class="col-sm-6 col-xs-6 input-group input-group-sm">
         <div class="col-sm-6 col-xs-6 input-group input-group-sm">
-          <input id="dashboard-node-search-input" type="text" class="form-control" placeholder="{% trans "Search..." %}" />
+          <input id="dashboard-node-search-input" type="text" class="form-control"
+           placeholder="{% trans "Search..." %}" />
           <div class="input-group-btn">
           <div class="input-group-btn">
-            <button type="submit" class="form-control btn btn-primary" title="search"><i class="fa fa-search"></i></button>
+            <button type="submit" class="btn btn-primary" title="{% trans "Search" %}" data-container="body">
+              <i class="fa fa-search"></i>
+            </button>
           </div>
           </div>
         </div>
         </div>
         <div class="col-sm-6 text-right">
         <div class="col-sm-6 text-right">
@@ -45,16 +49,27 @@
                 {% trans "list" %}
                 {% trans "list" %}
             {% endif %}
             {% endif %}
           </a>
           </a>
-          <a class="btn btn-success btn-xs node-create" href="{% url "dashboard.views.node-create" %}"><i class="fa fa-plus-circle"></i> {% trans "new" %}</a>
+          <a class="btn btn-success btn-xs node-create" href="{% url "dashboard.views.node-create" %}">
+            <i class="fa fa-plus-circle"></i> {% trans "new" %}
+          </a>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>
 
 
   <div class="panel-body" id="node-graph-view" style="display: none">
   <div class="panel-body" id="node-graph-view" style="display: none">
-    <p class="pull-right">  <input class="knob" data-fgColor="chartreuse" data-thickness=".4" data-width="60" data-height="60" data-readOnly="true" value="{% widthratio node_num.running sum_node_num 100 %}"></p>
-    <p><span class="big"><big>{{ node_num.running }}</big> running </span>
-    + <big>{{ node_num.missing }}</big> missing + <br><big>{{ node_num.disabled }}</big> disabled + <big>{{ node_num.offline }}</big> offline</p>
+    <p class="pull-right">
+      <input class="knob" data-fgColor="chartreuse"
+      data-thickness=".4" data-width="60" data-height="60" data-readOnly="true"
+      value="{% widthratio node_num.running sum_node_num 100 %}">
+    </p>
+    <p>
+      <span class="big">
+        <big>{{ node_num.running }}</big> running
+      </span>
+      + <big>{{ node_num.missing }}</big>
+      missing + <br><big>{{ node_num.disabled }}</big> disabled + <big>{{ node_num.offline }}</big> offline
+    </p>
     <ul class="list-inline" id="dashboard-node-taglist">
     <ul class="list-inline" id="dashboard-node-taglist">
       {% for i in nodes %}
       {% for i in nodes %}
       <a href="{{ i.get_absolute_url }}" class="label {{i.get_status_label}}" >
       <a href="{{ i.get_absolute_url }}" class="label {{i.get_status_label}}" >
@@ -67,11 +82,14 @@
         <div class="col-sm-6 text-right pull-right">
         <div class="col-sm-6 text-right pull-right">
         {% if more_nodes >= 0  %}
         {% if more_nodes >= 0  %}
         <a class="btn btn-primary btn-xs" href="{% url "dashboard.views.node-list" %}">
         <a class="btn btn-primary btn-xs" href="{% url "dashboard.views.node-list" %}">
-            <i class="fa fa-chevron-circle-right"></i> {% blocktrans with count=more_nodes %}<strong>{{count}}</strong>  more{% endblocktrans %}
+          <i class="fa fa-chevron-circle-right"></i>
+          {% blocktrans with count=more_nodes %}<strong>{{count}}</strong>  more{% endblocktrans %}
         </a>
         </a>
         {% endif %}
         {% endif %}
-         <a class="btn btn-success btn-xs node-create" href="{% url "dashboard.views.node-create" %}"><i class="fa fa-plus-circle"></i> {% trans "new" %}</a>
+        <a class="btn btn-success btn-xs node-create" href="{% url "dashboard.views.node-create" %}">
+          <i class="fa fa-plus-circle"></i> {% trans "new" %}
+        </a>
+      </div>
+    </div>
   </div>
   </div>
-</div>
-</div>
 </div>
 </div>