diff --git a/default_frame.php b/default_frame.php
index f660bb1..5c2df1b 100644
--- a/default_frame.php
+++ b/default_frame.php
@@ -14,6 +14,7 @@ if (!get_autologin_state()) {
+
SpreadQuiz
@@ -21,6 +22,7 @@ if (!get_autologin_state()) {
+
diff --git a/login.php b/login.php
index 77ab098..e30e016 100644
--- a/login.php
+++ b/login.php
@@ -12,10 +12,12 @@ if (get_autologin_state()) {
+
SpreadQuiz :: Bejelentkezés
+
diff --git a/main.php b/main.php
index 66a72a6..f38b105 100644
--- a/main.php
+++ b/main.php
@@ -20,11 +20,13 @@ $privilege = $user_data["privilege"];
+
SpreadQuiz
+
diff --git a/style/spreadquiz_mobile.css b/style/spreadquiz_mobile.css
new file mode 100644
index 0000000..37b900b
--- /dev/null
+++ b/style/spreadquiz_mobile.css
@@ -0,0 +1,63 @@
+@media only screen and (max-width: 800px) {
+ section#info_pane {
+ height: 4.5em;
+ overflow: clip;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ top: unset;
+ width: 100%;
+ }
+
+ section#content_pane {
+ width: 100vw;
+ }
+
+ iframe#content_frame {
+ width: 100vw;
+ }
+
+ section.game-box {
+ width: calc(100vw - 6.5em);
+ height: calc(100vw - 6.5em);
+ margin-right: 0;
+ margin-bottom: 1em;
+ }
+
+ section#info_pane:active, section#info_pane:hover, section#user_info {
+ height: 12em;
+ }
+
+ section.challenge {
+ width: calc(100vw - 3em);
+ }
+
+ section#infobox {
+ top: unset;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ max-height: 4em;
+ min-height: unset;
+ transition: 0.3s ease;
+ }
+
+ section#infobox:active, section#infobox:hover {
+ max-height: 50vh;
+ }
+
+ section#test_display {
+ position: fixed;
+ display: block;
+ top: 0;
+ bottom: 6em;
+ left: 0;
+ right: 0;
+ overflow: scroll;
+ padding-top: 2em;
+ }
+
+ section.game-box-caption {
+ width: 100vw;
+ }
+}
\ No newline at end of file
diff --git a/testground.php b/testground.php
index eedc021..1552fb8 100644
--- a/testground.php
+++ b/testground.php
@@ -19,6 +19,7 @@ if ($testid === "") {
+
SpreadQuiz
@@ -26,6 +27,7 @@ if ($testid === "") {
+