lilypond-manuals.css: Add a maximum width for manuals sidebar

Documentation/css/lilypond-manuals.css

Index: Documentation/css/lilypond-manuals.css
diff --git a/Documentation/css/lilypond-manuals.css b/Documentation/css/lilypond-manuals.css
index d444792955d54edb875b65b5f6b153716863174e..f7b88a1ca27e495bb5d9f640f8109baa15b1d73b 100644
--- a/Documentation/css/lilypond-manuals.css
+++ b/Documentation/css/lilypond-manuals.css
@@ -257,7 +257,7 @@ div#tocframe {
 
 body.learning    #tocframe { background-color: #407f40; }
 body.notation    #tocframe { background-color: #40657f; }
-body.usage       #tocframe { background-color: #7d765a; }
+body.usage       #tocframe { background-color: #81613e; }
 body.extending   #tocframe { background-color: #7f4040; }
 body.internals   #tocframe { background-color: #6a407f; }
 body.contributor #tocframe { background-color: #333333; }
@@ -323,6 +323,10 @@ div#tocframe h4 {
   font-size: 1em;
 }
 
+#tocframe .contents > ul.toc > li {
+  margin-top: 0.5em;
+}
+
 #tocframe ul.toc li li {
   padding-left: 1em;
 }
@@ -495,3 +499,17 @@ div#search p, div#search form {
   border-radius: 5px;
   margin: 0.5em 0.5em 2em 3em;
 }
+
+/***********************************************************/
+/*               RESPONSIVE DESIGN                         */
+/***********************************************************/
+
+@media (min-width: 1280px) {
+  div#main {
+    left: 346px
+  }
+  div#tocframe {
+    width: 346px;
+    right: 0;
+  }
+}