Fix problems style; in the middle of French translation

[vchess.git] / public / stylesheets / layout.sass

diff --git a/public/stylesheets/layout.sass b/public/stylesheets/layout.sass
index 52805f2..2e7f466 100644 (file)
--- a/public/stylesheets/layout.sass
+++ b/public/stylesheets/layout.sass
@@ -8,6 +8,26 @@ body
   padding: 0
   min-width: 320px
 
+.container
+  padding: 0
+
+.row
+  div
+    padding: 0
+    .section-content
+      *
+        margin-left: 0
+        margin-right: 0
+      @media screen and (max-width: 767px)
+        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
 
@@ -20,6 +40,12 @@ a
 .emphasis
   font-style: italic
 
+.clickable
+  cursor: pointer
+
+.clearer
+  clear: both
+
 .red
   color: #cc3300
 
@@ -35,3 +61,7 @@ a
 [type="checkbox"].modal+div .card
   max-width: 767px
   max-height: 100vh
+[type="checkbox"].modal+div .card.small-modal
+  max-width: 320px
+[type="checkbox"].modal+div .card.big-modal
+  max-width: 90vw