Merge pull request #29 from ibering/issue-27

Issue #17 [CSS Issue] Fix labels in collapsed menu
Many thanks @ibering ! :)

Author: nook24

public/css/app.css

@@ -378,7 +378,7 @@
 }
 
 .sidebar-menu li > a > .pull-right-container {
-    position: absolute;
+    position: static;
     right: 10px;
     top: 50%;
     margin-top: -7px;
@@ -388,17 +388,21 @@
 .sidebar-menu>li .badge {
     margin-top: 0;
     margin-right: 0;
-    position: absolute;
+    position: static;
     right: 5px;
     line-height: 1.25;
+    margin:2px;
 }
 
 @media (max-width: 768px) {
     .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
+        /*
         top: 0;
         margin-left: -12px;
         padding: 12px 5px 12px 0px;
         background-color: inherit;
+
+         */
     }
 }
 

public/index.html

@@ -205,8 +205,9 @@
 
                 <li class="treeview" ui-sref-active="active">
                     <a ui-sref="services">
-                        <i class="fa fa-cog text-primary"></i> <span> Services</span>
-                        <span class="pull-right-container">
+                        <i class="fa fa-cog text-primary"></i>
+                        <span>
+                            <span> Services</span>
                             <small class="label pull-right bg-primary"
                                    ng-show="data.servicestatus_overview.unknown > 0">
                                 {{ data.servicestatus_overview.unknown }}
@@ -223,8 +224,9 @@
 
                 <li class="treeview" ui-sref-active="active">
                     <a ui-sref="problems">
-                        <i class="fa fa-exclamation-triangle text-primary"></i> <span> Issues</span>
-                        <span class="pull-right-container">
+                        <i class="fa fa-exclamation-triangle text-primary"></i>
+                        <span>
+                            <span> Issues</span>
                             <small class="label pull-right bg-purple" ng-show="data.number_of_service_problems > 0">
                                 {{ data.number_of_service_problems }}
                             </small>