From cd86957fce4e8318f777497f91e241b7b5b71819 Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Sun, 26 Dec 2021 06:03:12 -0300
Subject: [PATCH] Fix errors introduced in #1990, #2023 and #2025 (#2028)

Signed-off-by: rdwebdesign <github@rdwebdesign.com.br>
---
 style/themes/lcars.css | 47 ++++++++++++++++++++++++++++++++----------
 1 file changed, 36 insertions(+), 11 deletions(-)

diff --git a/style/themes/lcars.css b/style/themes/lcars.css
index af2030cc4..1d45174b7 100644
--- a/style/themes/lcars.css
+++ b/style/themes/lcars.css
@@ -494,7 +494,10 @@ label {
   color: #000;
   padding: 0;
   margin: 0;
-  font-size: 1.3em;
+  line-height: 1.2;
+  font-size: 1em;
+  text-align: center;
+  word-break: break-word;
 }
 
 .nav.navbar-nav {
@@ -512,10 +515,32 @@ label {
   background: #48f;
 }
 
+.navbar-custom-menu > .navbar-nav > li {
+  padding: 0 4px;
+}
+
+#pihole-diagnosis {
+  min-width: 50px;
+}
+
+#pihole-diagnosis svg {
+  font-size: 28px;
+}
+
+.icon-bounce {
+  animation: none;
+}
+
+.dropdown.user.user-menu {
+  min-width: 84px;
+}
+
 .navbar-text code {
+  display: inline-block;
   padding: 0;
   margin: 0;
   font-size: inherit;
+  line-height: 0.95;
   background: none;
   font-family: inherit;
   color: #cce6ff;
@@ -524,7 +549,7 @@ label {
 .navbar-nav > .user-menu .user-image {
   float: none;
   width: 1em;
-  height: 1em;
+  height: 22px;
   margin: 0;
   vertical-align: baseline;
 }
@@ -539,21 +564,13 @@ label {
   color: #fff;
 }
 
-.fa-exclamation-triangle.fa-2x {
-  font-size: 1.2em;
-}
-
-.icon-bounce {
-  animation: none;
-}
-
 .main-header .navbar .nav > li > a > .label {
   padding: 0.25em;
   min-width: 1.6em;
   min-height: 1.6em;
   top: auto;
   bottom: -0.7em;
-  right: -0.7em;
+  right: -0.3em;
   font-size: 14px;
   line-height: 1;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
@@ -758,6 +775,10 @@ label {
   display: none;
 }
 
+.menu-icon {
+  margin-right: 0;
+}
+
 .treeview-menu li a svg {
   display: inherit;
   position: absolute;
@@ -1522,6 +1543,7 @@ table.dataTable {
   }
   .nav.navbar-nav {
     width: auto;
+    max-width: calc(100vw - 210px);
     top: 0;
     bottom: -10px;
     right: 0;
@@ -1534,6 +1556,9 @@ table.dataTable {
   .nav > li > a {
     padding: 6px 10px;
   }
+  .dropdown.user.user-menu {
+    min-width: 40px;
+  }
   .user-panel {
     border-radius: 0;
   }