fix right panel layout

layouts/partials/footer.html

@@ -13,8 +13,8 @@
 				{{ end }}
                 </div>
 
-                <div class="col-md-1 col-lg-2">
-				  <div class="rightpanel">
+                <div class="col-md-2 col-lg-3">
+				  <div id="rightpanel">
 					{{ safeHTML (.Scratch.Get "right-panel") }}
 				  </div>
                 </div>

layouts/partials/header.html

@@ -19,6 +19,7 @@
 		  </div>
 
 			<div class="row">
+				<div class="col-xs-1" id="leftpanel"></div>
 				<div class="col-xs-12
 						  col-sm-12
 						  col-md-10

static/css/style.css

@@ -260,12 +260,21 @@ ul.sidebar-menu li.active a i {
     margin-left: 200px;
     line-height: 1.8;
     font-size: inherit;
+	overflow-x: hidden;
 }
 
 #main-content.sidebar-closed {
     margin-left: 0px;
 }
 
+#main-content #leftpanel {
+    display: none;
+}
+
+#main-content.sidebar-closed #leftpanel {
+    display: block;
+}
+
 .wrapper {
     display: inline-block;
 	margin: 0px;
@@ -522,8 +531,21 @@ i.freebsd-19px:before {
 
 /* Table of contents */
 
-.rightpanel { font-size: 75%; padding-top: 1em; }
-.rightpanel h4 { margin-top: 0pt; }
+
+#rightpanel {
+	margin-left: -15px;
+	font-size: 75%;
+	width: calc(100% + 15px);
+	text-align: center;
+}
+#rightpanel h4 { margin-top: 0pt; }
+
+#rightpanel .well {
+	display: inline-block;
+	width: 100%;
+	left: 0;
+	width: 100%;
+}
 #TableOfContents ul { list-style-type: decimal; margin: 0; padding: 0 1ex; }
 #TableOfContents a { font-weight: normal; }