Fix mobile design blur

public/css/chat.css

@@ -110,4 +110,24 @@
         height: 100%;
         margin-bottom: 10px;
     }
+
+    .log_message {
+        font-size: 2em;
+    }
+
+    .chat_message .username {
+        font-size: 2em;
+    }
+
+    .chat_message .messageBody {
+        font-size: 2em;
+    }
+
+    #message_input {
+        font-size: 2em;
+    }
+
+    #message_send {
+        font-size: 2em;
+    }
 }

public/css/header.css

@@ -47,18 +47,18 @@ header {
 
 @media only screen and (max-width: 980px) {
     header {
-        height: 2.2em;
+        height: 3em;
     }
 
     .title {
-        font-size: 1.5em;
+        font-size: 2em;
     }
 
     .build {
-        font-size: 0.5em;
+        font-size: 1em;
     }
 
     .spielanleitung {
-        font-size: 1em;
+        font-size: 1.5em;
     }
 }

public/css/index.css

@@ -52,11 +52,4 @@
 #login button {
     background-color: #0062ff;
     color: #ffffff;
-}
-
-@media only screen and (max-width: 980px) {
-    #login input, #login button {
-        font-size: 1em;
-        height: 3em;
-    }
 }