From 8a6b676c1e852717faa2bf7d00329f19579f4166 Mon Sep 17 00:00:00 2001
From: H4CK3R-01 <44125287+H4CK3R-01@users.noreply.github.com>
Date: Wed, 14 Jul 2021 23:47:47 +0200
Subject: [PATCH] Fixed css for mobile devices

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

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