From 9d49c618b932a1d4ad0f2653ad45d2726db0fc1a Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Mon, 27 Jan 2025 17:21:49 -0300
Subject: [PATCH 1/3] Tweak margin and padding to achieve better indentation
 alignment

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 scripts/js/interfaces.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/scripts/js/interfaces.js b/scripts/js/interfaces.js
index 704ea4951..7091a9672 100644
--- a/scripts/js/interfaces.js
+++ b/scripts/js/interfaces.js
@@ -385,7 +385,8 @@ $(function () {
       data: json,
       expandIcon: "fa fa-angle-down fa-fw",
       collapseIcon: "fa fa-angle-right fa-fw",
-      indent: 1.25,
+      parentsMarginLeft: "0",
+      indent: 2.5,
     });
     $("#spinner").hide();
 

From 2c1ab012ba356c18f9072d0b22e8ee2e3a0ca879 Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Wed, 29 Jan 2025 19:13:47 -0300
Subject: [PATCH 2/3] Remove font-size from html element and use `em` unit
 everywhere for consistency

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 style/themes/lcars.css | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/style/themes/lcars.css b/style/themes/lcars.css
index 9b0306f42..684c0e403 100644
--- a/style/themes/lcars.css
+++ b/style/themes/lcars.css
@@ -23,7 +23,6 @@
 
 /*** General ***/
 html {
-  font-size: 17px;
   /* fix #2554: browser not detecting dark mode */
   color-scheme: dark;
 }
@@ -54,25 +53,25 @@ h1 {
 }
 
 h2 {
-  font-size: 1.6rem;
+  font-size: 1.6em;
   font-weight: normal;
 }
 
 h3,
 .box-header .box-title {
-  font-size: 1.2rem;
+  font-size: 1.2em;
 }
 
 h4 {
-  font-size: 1rem;
+  font-size: 1em;
 }
 
 h5 {
-  font-size: 0.9rem;
+  font-size: 0.9em;
 }
 
 h6 {
-  font-size: 0.75rem;
+  font-size: 0.75em;
 }
 
 a {
@@ -92,8 +91,8 @@ td a {
 code,
 pre {
   padding: 1px 3px;
-  line-height: 1rem;
-  font-size: 1rem;
+  line-height: 1em;
+  font-size: 1em;
   color: #000;
   background-color: #9ab;
   border-radius: 4px;
@@ -325,7 +324,7 @@ select.form-control {
   background: #678;
   border: none;
   border-radius: 8px;
-  font-size: 1rem;
+  font-size: 1em;
   color: #000;
 }
 
@@ -1698,7 +1697,7 @@ table.dataTable {
     font-size: 1.8em;
   }
   h2 {
-    font-size: 1.4rem;
+    font-size: 1.4em;
   }
   .sidebar-collapse {
     --sidebar-width: 230px;

From e61df20dcd1d07402a392d700b6c44d69ca59fae Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Wed, 29 Jan 2025 19:14:51 -0300
Subject: [PATCH 3/3] Adjust bstreeview line alignment in LCARS theme

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 style/themes/lcars.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/style/themes/lcars.css b/style/themes/lcars.css
index 684c0e403..d399b05db 100644
--- a/style/themes/lcars.css
+++ b/style/themes/lcars.css
@@ -2190,3 +2190,8 @@ td.highlight {
 #advanced-settings-menu ul > li:not(.active) a {
   color: #000;
 }
+
+.bstreeview .list-group-item {
+  padding-top: 0.2em;
+  padding-bottom: 0.55em;
+}