Update helpdesk theme

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

@@ -161,13 +161,13 @@ textarea:focus 					{
 .show-hide-all .badge			{ background-color:#8BBA00; }
 .show-hide-all .badge:hover		{ background-color:#789B0F } 
 .vms h3, 
-.vms h4							{ color:#E42867 }
+.vms h4							{ color:#444 }
 .vms h3:hover,
-.vms h4:hover					{ color:#9F0C3E }
+.vms h4:hover					{ color:#666 }
 .networks h3, 
-.networks h4					{ color:#F46906 }
+.networks h4					{ color:#444 }
 .networks h3:hover,
-.networks h4:hover				{ color:#D65C04 }
+.networks h4:hover				{ color:#666 }
 .account h3, 
 .account h4						{ color:#2956B2 }
 .account h3:hover,
@@ -177,3 +177,8 @@ textarea:focus 					{
 h4 .badge						{ padding:6px 9px 2px; background:url(../img/glyphicons-halflings.png) 160px 43px transparent;}
 h4.expanded .badge				{ background-position: 185px 43px}
 .row2							{ background-color:#EDEDED; }
+
+.row1:hover 					{ background-color:#DDD; }
+.row2:hover 					{ background-color:#DDD; }
+
+h4 i { margin-top: 4px; margin-right: 10px;}

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

@@ -17,15 +17,27 @@
               <h1><a href="{% url helpdesk-index %}">Cyclades helpdesk</a>
               {% block extraheader %}{% endblock %}</h1>
             </div>
-        <div class="span5">
-            <form class="form-horizontal account-form" method="get" action=".">
-              <input type="text" class="input-medium search-query" name="account">
-              <button type="submit" class="btn">View account</button>
-          </form>
-        </div>
-    </div>
+            <div class="span5">
+                <form class="form-horizontal account-form" method="get" action=".">
+                  <input type="text" class="input-medium search-query" name="account">
+                  <button type="submit" class="btn">View account</button>
+              </form>
+          </div>
+      </div>
+          {% if messages %}
+          <div class="messages cleafix row-fuild">
+            {% for message in messages %}
+                <div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">
+                  <button class="close" data-dismiss="alert">×</button>
+                  {{ message }}
+                </div>
+                {% endfor %}
+            </div>
+        {% endif %}
+          <div class="messages cleafix row-fuild">
     {% block content %}
     {% endblock %}
+</div>
     </div>
     <script src="{{ MEDIA_URL }}helpdesk/js/jquery.js"></script>
     <script src="{{ MEDIA_URL }}helpdesk/js/bootstrap.js"></script>

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>{{ network.name }} <span class="badge">&nbsp;</span></h4>
-    <span class="badge badge-info">ID: {{ network.pk }}</span>
+<div class="network-details object-details {{ rowcls }}">
+    <h4><i class="icon-random"></i>{{ network.name }} <span class="badge">&nbsp;</span></h4>
     {{ network|network_deleted_badge|safe }}
+    <span class="badge badge-info">ID: {{ network.pk }}</span>
     
     <div class="network-details-content object-details-content">
         <ul class="nav nav-tabs">

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 {{ rowcls }}">
-    <h4>{{ vm.name }} <span class="badge">&nbsp;</span></h4>
-    <span class="badge badge-info">ID: {{ vm.pk }}</span>
+    <h4><i class="icon-tasks"></i>{{ vm.name }} <span class="badge">&nbsp;</span></h4>
     {{ vm|vm_status_badge|safe }}
-    <span class="badge badge-info">{{ vm|vm_public_ip }}</span>
+    <span class="badge badge-inverse">ID: {{ vm.pk }}</span>
+    <span class="badge badge-inverse">{{ 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>