dashboard: update dashboard to work with new bootstrap

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

@@ -17,13 +17,17 @@
     </div>
     <div href="#" class="list-group-item list-group-footer text-right">
       <div class="row">
-        <div class="col-sm-6 col-xs-6 input-group input-group-sm">
-          <input id="dashboard-group-search-input" type="text" class="form-control" placeholder="{% trans "Search..." %}" />
-          <div class="input-group-btn">
-            <button type="submit" class="form-control btn btn-primary"><i class="fa fa-search"></i></button>
-          </div>
+        <div class="col-xs-6">
+          <form action="{% url "dashboard.views.group-list" %}" method="GET" id="dashboard-group-search-form">
+            <div class="input-group input-group-sm">
+              <input id="dashboard-group-search-input" name="s" type="text" class="form-control" placeholder="{% trans "Search..." %}" />
+              <div class="input-group-btn">
+                <button type="submit" class="form-control btn btn-primary"><i class="fa fa-search"></i></button>
+              </div>
+            </div>
+          </form>
         </div>
-        <div class="col-sm-6 text-right">
+        <div class="col-xs-6 text-right">
           <a class="btn btn-primary btn-xs" href="{% url "dashboard.views.group-list" %}">
             <i class="fa fa-chevron-circle-right"></i>
 	    {% if more_groups > 0 %}

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

@@ -30,13 +30,17 @@
     </div>
     <div href="#" class="list-group-item list-group-footer">
       <div class="row">
-        <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..." %}" />
-          <div class="input-group-btn">
-            <button type="submit" class="form-control btn btn-primary" title="search"><i class="fa fa-search"></i></button>
-          </div>
+        <div class="col-xs-6">
+          <form action="{% url "dashboard.views.node-list" %}" method="GET" id="dashboard-node-search-form">
+            <div class="input-group input-group-sm">
+              <input id="dashboard-node-search-input" name="s" type="text" class="form-control" placeholder="{% trans "Search..." %}" />
+              <div class="input-group-btn">
+                <button type="submit" class="form-control btn btn-primary" title="search"><i class="fa fa-search"></i></button>
+              </div>
+            </div>
+          </form>
         </div>
-        <div class="col-sm-6 text-right">
+        <div class="col-xs-6 text-right">
           <a class="btn btn-primary btn-xs" href="{% url "dashboard.views.node-list" %}">
             <i class="fa fa-chevron-circle-right"></i>
             {% if more_nodes > 0 %}

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

@@ -41,15 +41,11 @@
         </div>
       {% endfor %}
     </div>
-    <style>
-      .list-group-item-last {
-        border-bottom: 1px solid #ddd !important;
-      }
-    </style>
     <div href="#" class="list-group-item list-group-footer">
       <div class="row">
+        <div class="col-xs-6">
         <form action="{% url "dashboard.views.vm-list" %}" method="GET" id="dashboard-vm-search-form">
-          <div class="col-sm-6 col-xs-6 input-group input-group-sm">
+          <div class="input-group input-group-sm">
             <input id="dashboard-vm-search-input" type="text" class="form-control" name="s" 
             placeholder="{% trans "Search..." %}" />
             <div class="input-group-btn">
@@ -57,7 +53,8 @@
             </div>
           </div>
         </form>
-        <div class="col-sm-6 text-right">
+        </div>
+        <div class="col-xs-6 text-right">
           <a class="btn btn-primary btn-xs" href="{% url "dashboard.views.vm-list" %}">
             <i class="fa fa-chevron-circle-right"></i>
             {% if more_instances > 0 %}