dashboard: fix generateGroupHTML in js, add wrapper div to template

circle/dashboard/static/dashboard/dashboard.js

@@ -290,8 +290,9 @@ function generateVmHTML(pk, name, host, icon, _status, fav) {
 }
 
 function generateGroupHTML(url, name) {
-  return name+url +
-      '';
+  return '<a href="' + url + '" class="list-group-item real-link">'+
+         '<i class="icon-group"></i> '+ name +
+         '</a>';
 }
 
 /* copare vm-s by fav, pk order */

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

@@ -7,11 +7,13 @@
     <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">
         <i class="icon-group"></i> {{ i.name }}
-      </a>
-    {% endfor %}
+        </a>
+      {% 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">