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 {
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) {
+@media(max-height: 800px) {
main > div {
margin-top: 30px;
}
}
+@media(max-width: 767px) {
+ main > div {
+ padding: 0 10px;
+ }
+}
+
#boardContainer {
margin: 0;
padding: 0;
left: calc(100% - 25px);
top: 0;
}
-#upLeftInfos > img, #upRightStop > img {
+#upLeftInfos > svg, #upRightStop > svg {
width: 25px;
cursor: pointer;
}
-@media (max-width: 767px) {
+@media(max-width: 767px) {
#upRightStop {
left: calc(100% - 35px);
}
- #upLeftInfos > img, #upRightStop > img {
+ #upLeftInfos > svg, #upRightStop > svg {
width: 35px;
}
+ #upLeftInfos > svg path, #upRightStop > svg path {
+ fill: #999;
+ }
}
#ng-select {