Merge pull request #61 from H4CK3R-01/mobile

Mobile Login Layout

public/css/components.css

@@ -108,4 +108,13 @@ main {
         grid-template-rows: 60% 40%;
         height: 100%;
     }
+
+    #spielanleitung {
+        font-size: 5em;
+    }
+
+    #modal_header {
+        font-size: 3em;
+        text-align: center;
+    }
 }

public/css/header.css

@@ -47,11 +47,12 @@ header {
 
 @media only screen and (max-width: 980px) {
     header {
-        height: 3em;
+        height: 5em;
+        
     }
 
     .title {
-        font-size: 2em;
+        font-size: 3em;
     }
 
     .build {

public/css/index.css

@@ -52,4 +52,23 @@
 #login button {
     background-color: #0062ff;
     color: #ffffff;
+}
+
+@media only screen and (max-width: 980px) {
+
+    #login {
+        align-items: flex-start;
+    }
+
+    #login label {
+        font-size: 2.5em;
+
+    }
+
+    #login input, #login button {
+        height: 4.0em;
+        font-size: 2.5em;
+
+    }
+
 }