Titles in table of contents continue into the page

In the table of contents the titles are covering words
in the page, this won't be a problem but the directories
that are in the table of contents are considered 1 word
so it does not word wrap automatically

Change-Id: I763aa1ba4418be1ea70d1ff48a321971630ec6e4
Closes-Bug: 1498654

2 files changed, 15 insertions, 2 deletions

diff --git a/oslosphinx/theme/openstack/static/basic.css b/oslosphinx/theme/openstack/static/basic.css
index f64795d..5542eea 100644
--- a/oslosphinx/theme/openstack/static/basic.css
+++ b/oslosphinx/theme/openstack/static/basic.css
@@ -42,7 +42,7 @@ div.sphinxsidebarwrapper {
 
 div.sphinxsidebar {
     float: left;
-    width: 230px;
+    width: 260px;
     margin-left: -100%;
     font-size: 90%;
 }
diff --git a/oslosphinx/theme/openstack/static/tweaks.css b/oslosphinx/theme/openstack/static/tweaks.css
index 9b3a6ce..5bd5ff2 100644
--- a/oslosphinx/theme/openstack/static/tweaks.css
+++ b/oslosphinx/theme/openstack/static/tweaks.css
@@ -85,7 +85,7 @@ a.headerlink {
 
 div.body {
   margin-top: -25px;
-  margin-left: 230px;
+  margin-left: 260px;
 }
 
 div.document {
@@ -113,3 +113,16 @@ div.sphinxsidebar ul li ul li {
   margin-top: 0;
   font-weight: normal;
 }
+
+/** Provide the sidebar to allow long words to go to the next line
+    making them easier to read.*/
+div.sphinxsidebar a {
+    display: block;
+    text-indent: -1em;
+    margin-left: 1em;
+    word-wrap: break-word;
+}
+
+div.sphinxsidebar ul {
+  margin: 10px 10px;
+}
\ No newline at end of file