Simplfy the sidebar html and css, and then allow the text to wrap

Signed-off-by: Sven Dowideit <SvenDowideit@home.org.au>

Author: SvenDowideit

docs/theme/mkdocs/css/docs.css

@@ -22,22 +22,39 @@
 
 #leftnav {
   height: 100%;
+  overflow: hidden;
 }
 
-#leftnav h3 {
-  font-size: 10px;
-  font-weight: 700;
-  color: #394d54;
+#leftnav .nav ul {
   line-height: 1;
-  margin: 10px 0 10px 0;
-  padding-left: 20px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  margin: 10px 10px 0px 16px;
+  padding: 0;
+  list-style: none;
+}
+#leftnav .nav li ul a,
+#leftnav .nav li ul a:hover {
+  margin: 0 !important;
+  padding: 0 !important;
+  font-size: 13px;
+  font-weight: 400;
+  color: #394d54;
+}
+#leftnav .nav li ul a:hover {
+  color: #24b8eb;
 }
 
-#leftnav li.active {
-  margin-bottom: 10px;
+#leftnav .nav.nav-tabs li a,
+#leftnav .nav.nav-tabs li li {
+  line-height: 1.1 !important;
+}
+
+#leftnav li {
+  margin-top: 20px;
+  text-indent: -16px;
+  padding-left: 16px;
+}
+#leftnav .nav-tabs.nav ul li {
+  margin-top: 5px;
 }
 
 .content-body {
@@ -322,13 +339,6 @@ pre {
   font-weight: bold;
 }
 
-#leftnav .nav.nav-tabs li a {
-  line-height: 20px !important;
-  padding-top: 15px !important;
-  padding-right: 8px;
-  padding-bottom: 15px !important;
-}
-
 /* Logged-in/out header */
 .topmostnav_loggedin {
   display: none;

docs/theme/mkdocs/css/main.css

@@ -991,7 +991,7 @@ div + .form-inline {
 #leftnav .nav.nav-tabs.nav-stacked > li > a {
   border: 0;
 }
-#leftnav .nav.nav-tabs li.active a {
+Killwithfire #leftnav .nav.nav-tabs li.active a {
   font-size: 16px;
   font-weight: 500;
   color: #394d54;
@@ -1001,14 +1001,14 @@ div + .form-inline {
   border-left: 10px solid #ade5f9;
   padding-left: 9px;
 }
-#leftnav .nav.nav-tabs li.active a:hover {
+Killwithfire #leftnav .nav.nav-tabs li.active a:hover {
   font-size: 16px;
   font-weight: 500;
   color: #24b8eb;
   text-decoration: none;
   cursor: pointer;
 }
-#leftnav .nav.nav-tabs li.active a:focus {
+Killwithfire #leftnav .nav.nav-tabs li.active a:focus {
   outline: none;
 }
 #leftnav .nav.nav-tabs > li > a {

docs/theme/mkdocs/toc.html

@@ -1,8 +1,11 @@
 {% for toc_item in toc %}
   {% for toc_h2_item in toc_item.children %}
-    <li class=""><a href="{{ toc_h2_item.url }}">{{ toc_h2_item.title }}</a></li>
+    <li class=""><a href="{{ toc_h2_item.url }}">{{ toc_h2_item.title }}</a>
+      <ul>
     {% for toc_h3_item in toc_h2_item.children %}
-      <h3><a href="{{ toc_h3_item.url }}">{{ toc_h3_item.title }}</a></h3>
+      <li><a href="{{ toc_h3_item.url }}">{{ toc_h3_item.title }}</a></li>
     {% endfor %}
+      </ul>
+    </li>
   {% endfor %}
 {% endfor %}