make html depend on the template and tweak sidebar css

1 files changed, 31 insertions, 31 deletions

diff --git a/html/template.html b/html/template.html
index 39fc6877..6edfbda8 100644
--- a/html/template.html
+++ b/html/template.html
@@ -197,39 +197,39 @@ div.csl-indent {
 $endif$
 
 $if(toc)$
-    /* Hide for mobile */
-    .sidebar {
-      display: none;
-    }
-    @media screen and (min-width: 768px) {
-      .sidebar {
-        position: fixed;
-        top: 51px;
-        bottom: 0;
-        left: 0;
-        z-index: 1000;
-        display: block;
-        padding: 20px;
-        overflow-x: hidden;
-        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
-        background-color: #f5f5f5;
-        border-right: 1px solid #eee;
-        max-width: 200px;
-      }
-    }
+/* Hide for mobile */
+.sidebar {
+  display: none;
+}
+@media screen and (min-width: 768px) {
+  .sidebar {
+    position: fixed;
+    top: 51px;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+    display: block;
+    padding: 20px;
+    overflow-x: hidden;
+    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+    background-color: #f5f5f5;
+    border-right: 1px solid #eee;
+    max-width: 200px;
+  }
+}
 
-    @media screen and (min-width: 768px) and (max-width: 1200px){
-      .main {
-        position: absolute;
-        left: 250px;
-        max-width: 80%;
-        overflow: auto;
-      }
-    }
+@media screen and (min-width: 768px) and (max-width: 1200px) {
+  .main {
+    position: absolute;
+    left: 250px;
+    max-width: 80%;
+    overflow: auto;
+  }
+}
 
-    .sidebar ul {
-      padding-left: 7px;
-    }
+.sidebar ul {
+  padding-left: 10px;
+}
 $endif$
   </style>