Fix size of chessboard following container

[xogo.git] / common.css

diff --git a/common.css b/common.css
index bf4e1a8..e9bf31c 100644 (file)
--- a/common.css
+++ b/common.css
@@ -37,11 +37,14 @@ main > div {
   margin-top: 25vh;
   min-height: 500px;
   min-width: 320px;
-  max-width: 800px; /*useful for rules display only*/
+}
+
+#gameInfos {
+  max-width: 800px;
 }
 
 @media(max-height: 800px) {
-  main > div {
+  #newGameForm, #gameInfos {
     margin-top: 30px;
   }
 }
@@ -58,6 +61,11 @@ main > div {
 }
 
 #boardContainer {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
   margin: 0;
   padding: 0;
   border: none;
@@ -117,6 +125,15 @@ h4 {
   margin: 10px 0;
 }
 
+#gameInfos > .rules > ul {
+  list-style-type: square;
+  padding-left: 30px;
+}
+#gameInfos > .rules > ol {
+  list-style-type: numeric;
+  padding-left: 30px;
+}
+
 #gameInfos > .rules > a {
   padding-bottom: 1px;
   border-bottom: 1px dotted black;
@@ -136,6 +153,12 @@ h4 {
   text-align: center;
 }
 
+@media(max-height: 399px) {
+  #footer {
+    display: none;
+  }
+}
+
 a.left-link {
   margin-right: 25px;
 }