From c6687748a2c34324210c1ab3b1040ce1c0a6b8ad Mon Sep 17 00:00:00 2001 From: AudricV <74829229+AudricV@users.noreply.github.com> Date: Mon, 27 Mar 2023 16:01:56 +0200 Subject: [PATCH] [Client] Improve homepage code --- truthinquiry/static/css/game_ui_start.css | 17 +++++++++++--- truthinquiry/templates/index.html | 28 ++++++++++++----------- 2 files changed, 29 insertions(+), 16 deletions(-) diff --git a/truthinquiry/static/css/game_ui_start.css b/truthinquiry/static/css/game_ui_start.css index 18fe960..3c8799c 100644 --- a/truthinquiry/static/css/game_ui_start.css +++ b/truthinquiry/static/css/game_ui_start.css @@ -1,13 +1,18 @@ /* Common properties */ :root { --game-begin-margin: 2em; - --header-actions-height: 3em; + --header-actions-side: 4em; } input, .action_button, .game_mode_item_title { font-family: "Titan One", sans-serif; } +.back_button, .theme_switcher_btn { + height: var(--header-actions-side); + width: var(--header-actions-side); +} + .game_begin, .game_mode_item, .game_mode_item_input_text_single_line, .game_mode_items, .game_mode_selection { align-items: center; display: flex; @@ -61,7 +66,7 @@ input::placeholder { */ height: calc(100vh - var(--body-margin) * 2 - var(--game-begin-margin) * 2 - - var(--header-actions-height) + - var(--header-actions-side) - var(--footer-links-height)); justify-content: center; margin: var(--game-begin-margin); @@ -80,10 +85,16 @@ input::placeholder { margin: 0; } +.header_action { + list-style-type: none; +} + .header_actions { display: flex; - height: var(--header-actions-height); + height: var(--header-actions-side); justify-content: flex-end; + margin: 0; + padding: 0; } .action_button { diff --git a/truthinquiry/templates/index.html b/truthinquiry/templates/index.html index 124de84..824a2af 100644 --- a/truthinquiry/templates/index.html +++ b/truthinquiry/templates/index.html @@ -1,6 +1,7 @@
+