diff --git a/public/css/chat.css b/public/css/chat.css
index 4122d4e..7c8e29b 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%;
}
@@ -97,4 +101,33 @@
.messageBody::before {
content: '\A';
white-space: pre;
+}
+
+@media only screen and (max-width: 980px) {
+ #chat {
+ flex-flow: column-reverse;
+ border-top: #7d7d7d solid 2px;
+ 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;
+ }
}
\ No newline at end of file
diff --git a/public/css/components.css b/public/css/components.css
index 65e42ad..2d8b8a8 100644
--- a/public/css/components.css
+++ b/public/css/components.css
@@ -99,4 +99,13 @@ main {
#manual {
width: 100%;
height: calc(100% - 50px);
+}
+
+@media only screen and (max-width: 980px) {
+ #main {
+ display: grid;
+ grid-template-columns: unset;
+ grid-template-rows: 60% 40%;
+ height: 100%;
+ }
}
\ No newline at end of file
diff --git a/public/css/game.css b/public/css/game.css
index 23fa8ea..cd35026 100644
--- a/public/css/game.css
+++ b/public/css/game.css
@@ -10,4 +10,11 @@
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
+}
+
+@media only screen and (max-width: 980px) {
+ #game {
+ height: auto;
+ width: auto;
+ }
}
\ No newline at end of file
diff --git a/public/css/header.css b/public/css/header.css
index fb27675..e034e2e 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -44,3 +44,21 @@ header {
padding-right: 10px;
flex-direction: column;
}
+
+@media only screen and (max-width: 980px) {
+ header {
+ height: 3em;
+ }
+
+ .title {
+ font-size: 2em;
+ }
+
+ .build {
+ font-size: 1em;
+ }
+
+ .spielanleitung {
+ font-size: 1.5em;
+ }
+}
diff --git a/public/index.html b/public/index.html
index 4519f18..79a0cd4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,7 +1,7 @@
-
+
Projektmanagement Game