Fix visual bugs

- fix top circle position;
- fix circle background colors for each theme;
- special CSS for LCARS theme;
- change CSS selector for top navbar `<li>`: after removing the first
  item, the "old" second item became the first one.

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>

style/pi-hole.css

@@ -568,11 +568,10 @@ td.details-control {
   right: 3em;
   top: 50%;
   font-size: 12px;
-  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 }
 
 #top-warning-count {
-  top: 50%;
+  top: 55%;
   left: 50%;
   right: unset;
   margin: 0;
@@ -584,7 +583,11 @@ td.details-control {
 }
 
 /* hide warning count when hover a collapsed sidebar */
-.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span.warning-count {
+.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
+  .sidebar-menu
+  > li:hover
+  > a
+  > span.warning-count {
   display: none !important;
 }
 
@@ -731,8 +734,8 @@ td.details-control {
   background: #f60d1a;
 }
 
-.navbar-custom-menu > .navbar-nav > li:nth-child(2) {
-  padding: 0 5px;
+.navbar-custom-menu > .navbar-nav > li:nth-child(1) {
+  padding: 0 10px 0 0;
 }
 
 #apiTokenIframe {

style/themes/default-darker.css

@@ -1287,6 +1287,9 @@ fieldset[disabled] .btn-link:hover {
 .navbar-default .navbar-toggle .icon-bar {
   background-color: rgb(91, 99, 103);
 }
+#top-warning-count {
+  background: rgba(34, 46, 51, 0.5);
+}
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
   border-color: rgb(55, 59, 62);

style/themes/default-light.css

@@ -29,6 +29,9 @@
   color: #f6f6f6;
   background-color: #367fa9;
 }
+#top-warning-count {
+  background: rgba(34, 46, 51, 0.5);
+}
 @media (max-width: 767px) {
   .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);

style/themes/lcars.css

@@ -559,8 +559,23 @@ p.login-box-msg,
   font-size: 28px;
 }
 
-.icon-bounce {
-  animation: none;
+.warning-count {
+  position: relative;
+  margin: 0;
+  right: 0;
+  top: 0;
+  background: #fff;
+}
+
+.sidebar-menu li > a > .pull-right-container.warning-count {
+  transform: scale(1);
+  position: relative;
+  bottom: 0.15em;
+}
+
+#top-warning-count {
+  position: absolute;
+  top: 60%;
 }
 
 .dropdown.user.user-menu {