diff --git a/truthseeker/static/css/game_ui_game.css b/truthseeker/static/css/game_ui_game.css index 844da78..e4b857e 100644 --- a/truthseeker/static/css/game_ui_game.css +++ b/truthseeker/static/css/game_ui_game.css @@ -136,6 +136,7 @@ html { color: var(--red-color); font-size: 3em; font-weight: bold; + max-width: calc(100vw - 2em); } .suspects { @@ -226,10 +227,20 @@ html { text-transform: none; } +.questions_and_image { + align-content: center; + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; +} + .questions_list { - align-items: flex-end; + align-content: center; + align-items: normal; display: flex; flex-direction: column; + justify-content: center; } /* Results and scores */ diff --git a/truthseeker/templates/game.html b/truthseeker/templates/game.html index 62241c0..3b3eaeb 100644 --- a/truthseeker/templates/game.html +++ b/truthseeker/templates/game.html @@ -41,19 +41,21 @@