update styling of the sidebar

Author: Techatrix

layouts/templates/with-zls-docs.shtml

@@ -41,39 +41,36 @@
 
     #sidebar summary {
       border-top: 1px solid var(--border-color);
-      padding: 0.5rem 0;
-      padding-left: 0.5rem;
+      padding: 0.5rem 0.5rem;
       font-weight: bold;
       cursor: default;
     }
 
     #sidebar ul {
       list-style: none;
-      padding: 0;
-      margin: 0;
+      padding-left: 0.25rem;
+      margin: 0 0 0.5rem 0.75rem;
+      border-left: 1px solid var(--border-color);
     }
 
     #sidebar a {
       display: block;
-      text-decoration: none;
-      padding: 0.5rem 0;
-      padding-left: 0.5rem;
+      padding: 0.5rem;
       color: inherit;
     }
 
-    #sidebar ul a {
-      padding-left: 1rem;
+    #sidebar .selected {
+      text-decoration: underline;
     }
 
-    #sidebar a:hover, 
-    #sidebar .selected, 
-    #sidebar details > summary:hover  { 
+    #sidebar a:hover,
+    #sidebar details > summary:hover  {
       background-color: var(--tertiary-background-color);
     }
 
     #sidebar-content {
       position: sticky;
-      top: 100px;
+      top: 80px;
     }
 
     #footer {