From ecfbb85b6369cb5ca21ec0369481936c38a4befa Mon Sep 17 00:00:00 2001
From: ibering <irina-privat@gmx.de>
Date: Fri, 4 Oct 2019 20:42:24 +0200
Subject: [PATCH] Issue #17 [CSS] Improve style of tables on large screens

---
 public/css/app.css |  8 ++++++--
 public/index.html  | 10 ++++++----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 3ccd0a3..7cbf0b9 100644
--- a/public/css/app.css
+++ b/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;
+
+         */
     }
 }
 
diff --git a/public/index.html b/public/index.html
index 449d239..b30578c 100644
--- a/public/index.html
+++ b/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>