From c237f9f201bbf5c4b06fbfd65254eb2af75e136f Mon Sep 17 00:00:00 2001
From: Sven Dowideit <SvenDowideit@home.org.au>
Date: Fri, 6 Feb 2015 14:31:04 +1000
Subject: [PATCH] Simplfy the sidebar html and css, and then allow the text to
 wrap

Signed-off-by: Sven Dowideit <SvenDowideit@home.org.au>
---
 docs/theme/mkdocs/css/docs.css | 50 ++++++++++++++++++++--------------
 docs/theme/mkdocs/css/main.css |  6 ++--
 docs/theme/mkdocs/toc.html     |  7 +++--
 3 files changed, 38 insertions(+), 25 deletions(-)

diff --git a/docs/theme/mkdocs/css/docs.css b/docs/theme/mkdocs/css/docs.css
index 6a5eeb5142..7aaea12286 100644
--- a/docs/theme/mkdocs/css/docs.css
+++ b/docs/theme/mkdocs/css/docs.css
@@ -22,22 +22,39 @@
 
 #leftnav {
   height: 100%;
-}
-
-#leftnav h3 {
-  font-size: 10px;
-  font-weight: 700;
-  color: #394d54;
-  line-height: 1;
-  margin: 10px 0 10px 0;
-  padding-left: 20px;
-  white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
 }
 
-#leftnav li.active {
-  margin-bottom: 10px;
+#leftnav .nav ul {
+  line-height: 1;
+  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 .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;
diff --git a/docs/theme/mkdocs/css/main.css b/docs/theme/mkdocs/css/main.css
index 0c2d7830f8..270c220fd5 100644
--- a/docs/theme/mkdocs/css/main.css
+++ b/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 {
diff --git a/docs/theme/mkdocs/toc.html b/docs/theme/mkdocs/toc.html
index 1de2a4209f..9cdb3430bb 100644
--- a/docs/theme/mkdocs/toc.html
+++ b/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 %}