Adjust game frame for mobile devices

1 files changed, 17 insertions, 5 deletions

diff --git a/website/assets/css/style.css b/website/assets/css/style.css
index 59371ff..7da050f 100644
--- a/website/assets/css/style.css
+++ b/website/assets/css/style.css
@@ -59,12 +59,12 @@ ul .fa {
 }
 
 /*.overbox {
-        display: none;
-}
+ display: none;
+ }
 
-.overbox:target {
-        display: block;
-}*/
+ .overbox:target {
+ display: block;
+ }*/
 
 /* old versions does not support class thingies */
 
@@ -83,6 +83,18 @@ ul .fa {
         height: calc(100% - 180px);
 }
 
+@media (max-width: 48em) {
+        #play {
+                z-index: 5;
+        }
+
+        #game-frame {
+                width: 100%;
+                height: 100%;
+                margin: 0;
+        }
+}
+
 #map-frame {
         width: 100%;
         height: 100%;