Menu indent fix (#1441)

Co-authored-by: David Garcia <david@techdocs.studio>

Author: kwiato

sphinx_scylladb_theme/static/css/main.css

@@ -37,7 +37,7 @@ $danger: #CE291F;
 $link-color: #3C4FE0;
 $text-muted: $gray-500;
 $text-color: $black;
-$border-color: #F1F1F1;
+$border-color: $gray-300;
 $header-border: #4458A3;
 $bg-color: #FEFEFE;
 $well-bg: #F7F8F9;

src/css/base/_variables.scss

@@ -26,7 +26,6 @@
   }
 
   &__title {
-    box-shadow: 0 0 $spacer-md 0 var(--brand-product);
     position: sticky;
     top: 0;
     z-index: 100;
@@ -63,8 +62,14 @@
     .toctree-l1 {
 
         &:not(.has-children) {
-          &>a{
-            margin-left: $spacer;
+          display: flex;
+          
+          &::before {
+            content: '•';
+            width: $spacer;
+            text-align: center;
+            align-self: center;
+            opacity: .4;
           }
         }
 
@@ -92,6 +97,17 @@
         padding-left: math.div($spacer-sm, 2);
         border-left-color: var(--border-color);
       }
+
+      &:not(.has-children) {
+        display: flex;
+        &::before {
+          content: '•';
+          width: $spacer-sm;
+          text-align: center;
+          align-self: center;
+          opacity: .3;
+        }
+      }
     }
 
     .toctree-l3 {
@@ -111,6 +127,8 @@
       ul {
         order: 3;
       }
+
+     
     }
 
     /* Override icons extension */
@@ -225,7 +243,7 @@
         width: 100%;
         border-left: 1px solid var(--link-color);
         margin-left: math.div($spacer, 2);
-        padding-left: math.div($spacer, 2);
+        padding-left: math.div($spacer-sm, 2);
         gap: $spacer-3xs;
 
         li {
@@ -324,6 +342,10 @@
   }
 }
 
+.side-nav-content {
+  background: radial-gradient(100% 100px at top center, var(--brand-product) 0px, transparent 100%);
+}
+
 @media screen and (min-width: $xlarge) {
   .side-nav {
     width: $side-nav-width;