dashboard: min-height for all boxes on index

circle/dashboard/static/dashboard/dashboard.css

@@ -608,7 +608,8 @@ footer a, footer a:hover, footer a:visited {
   margin: 0;
 }
 
-#dashboard-vm-list {
+#dashboard-vm-list, #dashboard-node-list, #dashboard-group-list,
+#dashboard-template-list {
   min-height: 204px;
 }
 

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

@@ -7,11 +7,14 @@
     <h3 class="no-margin"><i class="icon-group"></i> {% trans "Groups" %}</h3>
   </div>
   <div class="list-group" id="vm-list-view">
-    {% for i in groups %}
-      <a href="{% url "dashboard.views.group-detail" pk=i.pk %}" class="list-group-item real-link">
+    <div id="dashboard-group-list">
+      {% for i in groups %}
+      <a href="{% url "dashboard.views.group-detail" pk=i.pk %}" class="list-group-item real-link
+      {% if forloop.last and groups|length < 5 %} list-group-item-last{% endif %}">
         <i class="icon-group"></i> {{ i.name }}
       </a>
-    {% endfor %}
+      {% endfor %}
+    </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">

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

@@ -14,11 +14,14 @@
     </h3>
   </div >
   <div class="list-group" id="node-list-view">
-    {% for i in nodes %}
-    <a href="{% url "dashboard.views.node-detail" pk=i.pk %}" class="list-group-item">
-    <i class="icon-{% if i.enabled == True %}play-sign{% else %}pause{% endif %}"></i> {{ i.name }} 
-      </a>
-    {% endfor %}
+    <div id="dashboard-node-list">
+      {% for i in nodes %}
+      <a href="{% url "dashboard.views.node-detail" pk=i.pk %}" class="list-group-item
+        {% if forloop.last and nodes|length < 5 %} list-group-item-last{% endif %}">
+      <i class="icon-{% if i.enabled == True %}play-sign{% else %}pause{% endif %}"></i> {{ i.name }} 
+        </a>
+      {% endfor %}
+    </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">

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

@@ -8,22 +8,25 @@
     </h3>
   </div>
   <div class="list-group" id="dashboard-template-list">
-    {% for t in templates %}
-    <a href="{% url "dashboard.views.template-detail" pk=t.pk %}" class="list-group-item">
-      <span class="index-template-list-name">
-        <i class="icon-{{ t.os_type }}"></i> {{ t.name }} 
-      </span>
-      <small class="text-muted index-template-list-system">{{ t.system }}</small>
-      <div class="pull-right vm-create" data-template="{{ t.pk }}"><i title="{% trans "Start vm instance" %}" class="icon-play"></i></div>
-      <div class="clearfix"></div>
-    </a>
-    {% empty %}
-      <div class="alert alert-warning" style="margin: 10px;">
-        <p>
-          {% trans "You don't have any templates, however you can still start virtual machines and even save them as new templates!" %}
-        </p>
-      </div>
-    {% endfor %}
+    <div id="dashboard-template-list">
+      {% for t in templates %}
+      <a href="{% url "dashboard.views.template-detail" pk=t.pk %}" class="list-group-item
+        {% if forloop.last and nodes|length < 5 %} list-group-item-last{% endif %}">
+        <span class="index-template-list-name">
+          <i class="icon-{{ t.os_type }}"></i> {{ t.name }} 
+        </span>
+        <small class="text-muted index-template-list-system">{{ t.system }}</small>
+        <div class="pull-right vm-create" data-template="{{ t.pk }}"><i title="{% trans "Start vm instance" %}" class="icon-play"></i></div>
+        <div class="clearfix"></div>
+      </a>
+      {% empty %}
+        <div class="alert alert-warning" style="margin: 10px;">
+          <p>
+            {% trans "You don't have any templates, however you can still start virtual machines and even save them as new templates!" %}
+          </p>
+        </div>
+      {% endfor %}
+    </div>
     <div href="#" class="list-group-item list-group-footer text-right">
       <p>
         <a href="{% url "dashboard.views.template-list" %}" class="btn btn-primary btn-xs">