From b9eaccecfd9939155ac5f3f23748408fb18c83fe Mon Sep 17 00:00:00 2001
From: H4CK3R-01 <44125287+H4CK3R-01@users.noreply.github.com>
Date: Thu, 24 Jun 2021 14:46:34 +0200
Subject: [PATCH] - Cleaned up - Reformatted - Bug fixed

---
 public/css/chat.css       | 16 +++++++++-------
 public/css/components.css |  3 ---
 public/css/header.css     | 39 +++++++--------------------------------
 public/css/index.css      | 32 ++++----------------------------
 public/index.html         |  4 +++-
 5 files changed, 23 insertions(+), 71 deletions(-)

diff --git a/public/css/chat.css b/public/css/chat.css
index ad9a6b8..981e737 100644
--- a/public/css/chat.css
+++ b/public/css/chat.css
@@ -15,6 +15,10 @@
     padding: 5px;
 }
 
+#messages_received div:last-child {
+    margin-bottom: 5em;
+}
+
 #message_add {
     flex: 0 0 10%;
 }
@@ -101,11 +105,9 @@
 
 @media only screen and (max-width: 980px) {
     #chat {
-      display: flex;
-      flex-flow: column-reverse;
-      overflow: hidden;
-      border-left: #7d7d7d solid 2px;
-      height: 100%;
-      margin-bottom: 10px;
+        flex-flow: column-reverse;
+        border-top: #7d7d7d solid 2px;
+        height: 100%;
+        margin-bottom: 10px;
     }
-  }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/public/css/components.css b/public/css/components.css
index 1c5006c..ad7358e 100644
--- a/public/css/components.css
+++ b/public/css/components.css
@@ -97,13 +97,10 @@ main {
 }
 
 @media only screen and (max-width: 980px) {
-    
     #main {
         display: grid;
         grid-template-columns: unset;
         grid-template-rows: 60% 40%;
-        height: calc(90% - 7em);
-        touch-action: pan-x pan-y;
         height: 100%;
     }
 }
\ No newline at end of file
diff --git a/public/css/header.css b/public/css/header.css
index 505be35..cf2f5d1 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -47,43 +47,18 @@ header {
 
 @media only screen and (max-width: 980px) {
     header {
-      height: 2.2em;
-      display: grid;
-      position: inherit !important;
-      z-index: 99;
+        height: 2.2em;
     }
-  
+
     .title {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-      text-align: center;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      font-size: 1.5em;
-      vertical-align: central;
+        font-size: 1.5em;
     }
-  
+
     .build {
-      display: flex;
-      justify-content: center;
-      align-items: flex-end;
-      font-size: 0.5em;
-      padding-right: 10px;
-      flex-direction: column;
+        font-size: 0.5em;
     }
 
     .spielanleitung {
-      display: flex;
-      align-items: center;
-      font-size: 1em;
-      padding-left: 10px;
-  }
-
-    .spielanleitung span {
-      background: #404040;
-      border: 1px solid #000000;
-      padding: 5px;
-      border-radius: 5px;
-      cursor: pointer;
-  }
+        font-size: 1em;
+    }
 }
diff --git a/public/css/index.css b/public/css/index.css
index 77c18c1..e63e431 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -55,32 +55,8 @@
 }
 
 @media only screen and (max-width: 980px) {
-    #login {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-      background: #212121;
-      height: 100%;
-      width: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: flex-start;
-      position: absolute;
+    #login input, #login button {
+        font-size: 1em;
+        height: 3em;
     }
-  
-    #login > form {
-      margin-top: 1em;
-    }
-  
-    #login label {
-      font-size: 1.5em;
-    }
-  
-    #login input,
-    #login button {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-      font-size: 1em;
-      height: 1em;
-      padding: 30px;
-      justify-content: center;
-      
-    }
-  }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index a914c73..329335e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,7 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" http-equiv="ScreenOrientation" content="autoRotate:disabled"/>
+    <meta charset="UTF-8"
+          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, autoRotate:disabled"
+          name="viewport"/>
     <title>Projektmanagement Game</title>
 
     <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">