X-Git-Url: https://git.auder.net/rpsls.js?a=blobdiff_plain;ds=sidebyside;f=public%2Fstylesheets%2Flayout.sass;h=d4f6d6d07613f3eba345eaa6213d40512b15ac67;hb=0596f5e7f9a87acbb13445f1bb93e803e9f5ea3c;hp=14892250630b14cfc870769755332fabe3c31e39;hpb=a5d5668613d9a3d04c9a4f8b69122d02b7322137;p=vchess.git

diff --git a/public/stylesheets/layout.sass b/public/stylesheets/layout.sass
index 14892250..d4f6d6d0 100644
--- a/public/stylesheets/layout.sass
+++ b/public/stylesheets/layout.sass
@@ -7,20 +7,33 @@ html, *
 body
   padding: 0
   min-width: 320px
+  margin-bottom: 10px
 
 .container
   padding: 0
+  overflow: hidden
 
 .row
   div
     padding: 0
     .section-content
       *
-        margin-left: 0
-        margin-right: 0
+        margin-left: auto
+        margin-right: auto
+        max-width: 767px
+      figure.diagram-container
+        max-width: 1000px
       @media screen and (max-width: 767px)
+        max-width: 100%
         padding: 0 5px
 
+@media screen and (max-width: 767px)
+  .button-group
+    flex-direction: row
+    button:not(:first-child)
+      border-left: 1px solid var(--button-group-border-color)
+      border-top: 0
+
 a
   text-decoration: underline
 
@@ -51,6 +64,9 @@ a
 .bigfont
   font-size: 1.2em
 
+.bold
+  font-weight: bold
+
 [type="checkbox"].modal+div .card
   max-width: 767px
   max-height: 100vh