update documentation

app/assets/javascripts/sidebar.js

@@ -1,9 +1,12 @@
-$(document).ready(function() {
+// execute on window load (and not document.ready), so that the sidebar is positioned correctly
+$(window).load(function() {
   // if affix function exists
   if ($.fn.affix) {
 
-    // add sidebar affix
-    $('#bootstrap-sidebar').affix();
+    // add sidebar affix, wrapped in a timeout so that it displays correctly
+    setTimeout(function() {
+      $('#bootstrap-sidebar').affix();
+    }, 100);
 
     // add sidebar scrollspy
     $(document.body).scrollspy({ target: '#leftcol', offset: 300 });

app/assets/stylesheets/custom.css

@@ -29,6 +29,8 @@ body                    { padding-top: 70px; }
 .format-xml             { display: none; }
 .format-block           { min-height: 200px; }
 .format-block-lg        { min-height: 350px; }
+.format-block-xl        { min-height: 400px; }
+.format-block-xxl       { min-height: 600px; }
 
 
 /* Sticky footer styles
@@ -70,7 +72,6 @@ body {
 .apps a:hover,
 .apps:hover div         { text-decoration: none; }
 .commentarea 						{	width: 300px;	height: 80px; }
-#options                { float: right; text-align: right; }
 #login                  {
     padding: 6px;
     border: 1px solid #bbbbbb;

app/assets/stylesheets/sidebar.css

@@ -7,6 +7,13 @@
   border: 1px solid #bbb;
   border-radius: 5px;
   padding: 2px 0;
+  margin-top: 20px;
+  width: 228px;
+}
+
+#bootstrap-sidebar li a {
+  padding: 2px 8px;
+  font-size: 16px;
 }
 
 #bootstrap-sidebar li a:hover {
@@ -18,11 +25,23 @@
   border-right-width:4px;
 }
 
+#bootstrap-sidebar li.subitem a {
+  padding-left: 30px;
+  font-size: 12px;
+}
+
 @media (min-width: 979px) {
   #bootstrap-sidebar.affix-top, #bootstrap-sidebar.affix {
     position: fixed;
     top:90px;
-    width:228px;
+    width: 228px;
+    margin-top: 0;
+  }
+}
+
+@media (max-width: 978px) {
+  #bootstrap-sidebar.affix-top, #bootstrap-sidebar.affix {
+    width: 100%;
   }
 }