From 214e63513bb0340552c47838b680e2bd13da8941 Mon Sep 17 00:00:00 2001
From: H4CK3R-01 <44125287+H4CK3R-01@users.noreply.github.com>
Date: Wed, 14 Jul 2021 08:46:55 +0200
Subject: [PATCH] Optimized css for mobile devices

---
 public/css/chat.css       | 2 +-
 public/css/components.css | 2 +-
 public/css/game.css       | 2 +-
 public/css/header.css     | 4 ++--
 public/css/index.css      | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/css/chat.css b/public/css/chat.css
index 7c8e29b..3f12e0c 100644
--- a/public/css/chat.css
+++ b/public/css/chat.css
@@ -103,7 +103,7 @@
     white-space: pre;
 }
 
-@media only screen and (max-width: 980px) {
+@media only screen and (max-width: 600px) {
     #chat {
         flex-flow: column-reverse;
         border-top: #7d7d7d solid 2px;
diff --git a/public/css/components.css b/public/css/components.css
index c2e9efe..9bbc61b 100644
--- a/public/css/components.css
+++ b/public/css/components.css
@@ -101,7 +101,7 @@ main {
     height: calc(100% - 50px);
 }
 
-@media only screen and (max-width: 980px) {
+@media only screen and (max-width: 600px) {
     #main {
         display: grid;
         grid-template-columns: unset;
diff --git a/public/css/game.css b/public/css/game.css
index 0843a12..c0e7a60 100644
--- a/public/css/game.css
+++ b/public/css/game.css
@@ -28,7 +28,7 @@
     background-color: #FFDDA1;
 }
 
-@media only screen and (max-width: 980px) {
+@media only screen and (max-width: 600px) {
     #game {
         height: auto;
         width: auto;
diff --git a/public/css/header.css b/public/css/header.css
index e746474..fbc6edd 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -45,10 +45,10 @@ header {
     flex-direction: column;
 }
 
-@media only screen and (max-width: 980px) {
+@media only screen and (max-width: 600px) {
     header {
         height: 5em;
-        
+
     }
 
     .title {
diff --git a/public/css/index.css b/public/css/index.css
index 360bafc..77a8b66 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -54,7 +54,7 @@
     color: #ffffff;
 }
 
-@media only screen and (max-width: 980px) {
+@media only screen and (max-width: 600px) {
     #login {
         align-items: flex-start;
     }
-- 
2.45.2