Fix size of chessboard following container

[xogo.git] / common.css

diff --git a/common.css b/common.css
index a69f4fb..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;