X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=common.css;h=d1a131181b53d6ab1c2a689c86dd6e68375d0187;hb=f8b43ef764be4e90761aa20d99af79a7e1c32bdd;hp=f1b2b79bee6cdf00f2ef1a5edf7e88a813dd2ffe;hpb=cc2c71836442d7495ec570f8f78c006ea60852e0;p=xogo.git

diff --git a/common.css b/common.css
index f1b2b79..d1a1311 100644
--- a/common.css
+++ b/common.css
@@ -11,11 +11,17 @@
   vertical-align: baseline;
 }
 
+html {
+  height: 100%;
+}
+
 body {
+  height: 100%;
   margin: 0;
-  /*text-align: center;*/
   background-color: #f8f8f8;
   font-family:  Arial, Verdana, Tahoma, sans-serif;
+  /* https://stackoverflow.com/a/24392249/12660887 */
+  position: relative;
 }
 
 main {
@@ -31,7 +37,7 @@ main > div {
   margin-top: 25vh;
   min-height: 500px;
   min-width: 320px;
-  /*max-width: 800px;*/ /*unnecessary*/
+  max-width: 800px; /*useful for rules display only*/
 }
 
 @media(max-height: 800px) {
@@ -185,6 +191,7 @@ button.block-btn {
 /* Options when starting custom game */
 .words {
   line-height: 0.9em;
+  margin-top: 15px;
 }
 .words > .row {
   margin: 0;
@@ -204,7 +211,12 @@ button.block-btn {
 }
 
 .option-select, .option-check {
-  margin: 15px 0;
+  margin: 15px 0 0 0;
+}
+
+.option-check {
+  display: inline-block;
+  margin-right: 10px;
 }
 
 .btn-wrap {