Improve badges display

snf-cyclades-app/synnefo/helpdesk/static/css/extra.css

@@ -105,4 +105,7 @@ h1 { margin-bottom: 20px; }
 .info-block h3 .badge { float: right; font-size: 0.8em; padding: 5px 8px;}
 .info-block table { margin-bottom: 0 }
 .object-details h5 { float: right; margin-top: 10px; margin-right: 10px; font-size: 1em; color: #3A87AD }
-.object-anchor { margin-bottom: 50px }
+.object-anchor { margin-bottom: 70px }
+
+
+.subnav a.deleted { color: #F00 !important }

snf-cyclades-app/synnefo/helpdesk/templates/helpdesk/networks_list.html

+{% load helpdesk_tags %}
 <div class="object-anchor" id="network-{{network.pk}}"></div>
 <div class="network-details object-details">
-    <h4><span class="badge badge-info">ID: {{ network.pk }}</span> {{ network.name }}</h4>
+    <h4>{{ network.name }}</h4>
+    <span class="badge badge-info">ID: {{ network.pk }}</span>
+    {{ network|network_deleted_badge|safe }}
     <div class="network-details-content object-details-content">
         <h5>Details</h5>
         <dl class="dl-horizontal well">
             <dt>ID</dt><dd>{{ network.pk }}</dd>
             <dt>Name</dt><dd>{{ network.name }}</dd>
+            <dt>Public</dt><dd>{{ network.public }}</dd>
+            <dt>User ID</dt><dd>{{ network.userid }}</dd>
+            <dt>Created</dt><dd>{{ network.created }}</dd>
+            <dt>Updated</dt><dd>{{ network.updated }}</dd>
+            <dt>State</dt><dd>{{ network.get_state_display }} ({{ network.state }})</dd>
         </dl>
     </div>
 </div>

snf-cyclades-app/synnefo/helpdesk/templates/helpdesk/vms_list.html

 {% load helpdesk_tags %}
 <div class="object-anchor" id="vm-{{vm.pk}}"></div>
 <div class="vm-details object-details">
-    <h4><span class="badge badge-info">ID: {{ vm.pk }}</span> {{ vm.name }}</h4>
-    <span class="badge badge-info">{{ vm|vm_public_ip }}</span>
+    <h4> {{ vm.name }}</h4>
+    <span class="badge badge-info">ID: {{ vm.pk }}</span>
     {{ vm|vm_status_badge|safe }}
+    <span class="badge badge-info">{{ vm|vm_public_ip }}</span>
+    <span class="badge badge-inverse flavor">
+        <span class="cpu">{{ vm.flavor.cpu }}x</span>
+        <span class="ram">{{ vm.flavor.ram}}MB</span>
+        <span class="disk">{{ vm.flavor.disk }}GB</span>
+    </span>
     <div class="vm-details-content object-details-content">
         <h5>Details</h5>
         <dl class="dl-horizontal well">