fix toggle button color on hover & jumping menu when close

assets/scss/_custom.scss

@@ -299,12 +299,19 @@ blockquote {
   }
 }
 
+.td-sidebar-nav {
+  & > .td-sidebar-nav__section {
+    padding-top: .5rem;
+    padding-left: 1.5rem;
+  }
+}
+
 .td-sidebar__inner {
   form.td-sidebar__search {
 
     button.td-sidebar__toggle {
       &:hover {
-        color: $white;
+        color: #000000;
       }
 
       color: $blue;

layouts/partials/sidebar-tree.html

@@ -8,7 +8,7 @@
     </button>
   </form>
   {{ end }}
-  <nav class="collapse td-sidebar-nav pt-2 pl-4" id="td-section-nav">
+  <nav class="collapse td-sidebar-nav" id="td-section-nav">
     <!-- {{ if  (gt (len .Site.Home.Translations) 0) }}
     <div class="nav-item dropdown d-block d-lg-none">
       {{ partial "navbar-lang-selector.html" . }}
@@ -37,7 +37,7 @@
     <li class="collapse {{ if $show }}show{{ end }}" id="{{ $sid }}">
       {{ $pages := where (union $s.Pages $s.Sections).ByWeight ".Params.toc_hide" "!=" true }}
       {{ with site.Params.language_alternatives }}
-        {{ range . }}	
+        {{ range . }}
           {{ with (where $.section.Translations ".Lang" . ) }}
             {{ $p := index . 0 }}
             {{ $pages =  $pages | lang.Merge (union $p.Pages $p.Sections) }}