Interfaces page - Tweak margin and padding to achieve better indentation alignment (#3201)

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();
 

style/themes/lcars.css

@@ -29,7 +29,6 @@
 
 /*** General ***/
 html {
-  font-size: 17px;
   /* fix #2554: browser not detecting dark mode */
   color-scheme: dark;
 }
@@ -60,25 +59,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 {
@@ -98,8 +97,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;
@@ -331,7 +330,7 @@ select.form-control {
   background: #678;
   border: none;
   border-radius: 8px;
-  font-size: 1rem;
+  font-size: 1em;
   color: #000;
 }
 
@@ -1704,7 +1703,7 @@ table.dataTable {
     font-size: 1.8em;
   }
   h2 {
-    font-size: 1.4rem;
+    font-size: 1.4em;
   }
   .sidebar-collapse {
     --sidebar-width: 230px;
@@ -2181,3 +2180,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;
+}