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;
}
}
}
#boardContainer {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
margin: 0;
padding: 0;
border: none;
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;