dashboard: disk list design

Conflicts:

	circle/dashboard/templates/dashboard/_disk-list-element.html

circle/dashboard/static/dashboard/dashboard.css

@@ -383,3 +383,12 @@ a.hover-black {
 .vm-details-help ul {
   padding-left: 0px;
 }
+
+.template-disk-list {
+  list-style: none;
+  padding-left: 0;
+}
+
+.template-disk-list li {
+  padding-bottom: 5px;
+}

circle/dashboard/templates/dashboard/_disk-list-element.html

 {% load i18n %}
 {% load sizefieldtags %}
 
-<i class="{% if d.is_downloading %}icon-refresh icon-spin{% else %}icon-file{% endif %}"></i> 
+<i class="{% if d.is_downloading %}icon-refresh icon-spin{% else %}icon-file{% if not d.ready %}" style="color: #d9534f;{% endif %}{% endif %}"></i> 
 {{ d.name }} (#{{ d.id }}) - 
 {% if not d.is_downloading %}
   {% if d.ready %}
@@ -14,4 +14,5 @@
   data-disk-pk="{{ d.pk }}" class="btn btn-xs btn-danger pull-right disk-remove">
     <i class="icon-remove"></i>{% if long_remove %} Remove{% endif %}
 </a>
+<div class="btn btn-xs btn-danger pull-right"><i class="icon-remove"></i>{% if long_remove %} Remove{% endif %}</div>
 <div style="clear: both;"></div>

circle/dashboard/templates/dashboard/template-edit.html

@@ -72,7 +72,10 @@
         <h4 class="no-margin"><i class="icon-file"></i> {% trans "Disk list" %}</h4>
       </div>
       <div class="panel-body">
-        <ul style="list-style: none; padding-left: 0;">
+        <ul class="template-disk-list">
+        {% if not disks %}
+          {% trans "No disks are added!" %}
+        {% endif %}
         {% for d in disks %}
           <li>
             {% include "dashboard/_disk-list-element.html" %}

circle/dashboard/templates/dashboard/vm-detail/resources.html

@@ -60,7 +60,9 @@
     {% endif %}
     {% for d in instance.disks.all %}
       <h4 class="list-group-item-heading dashboard-vm-details-network-h3">
+        {% with long_remove=True %}
           {% include "dashboard/_disk-list-element.html" %}
+        {% endwith %}
       </h4>
     {% endfor %}
   </div>