From 40c4e47327950ab34c45a769d81713bcb4c81c68 Mon Sep 17 00:00:00 2001
From: AudricV <74829229+AudricV@users.noreply.github.com>
Date: Mon, 27 Mar 2023 22:15:13 +0200
Subject: [PATCH] [Client] Improve legal pages design

- Change background color to game's grey to fix hover color of footer links;
- Move footer links at the bottom of the page;
- Change game's blue color to match this color with accessibility
recommendations.
---
 truthinquiry/static/css/game_ui.css       |  2 +-
 truthinquiry/static/css/game_ui_legal.css | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/truthinquiry/static/css/game_ui.css b/truthinquiry/static/css/game_ui.css
index bbf5f8e..c951d4a 100644
--- a/truthinquiry/static/css/game_ui.css
+++ b/truthinquiry/static/css/game_ui.css
@@ -33,7 +33,7 @@
     --alert-dialog-background-color: #000000DF;
     --dark-theme-background-color: #213C40;
     --game-black: #000000;
-    --game-blue: #0096FF;
+    --game-blue: #7DDCFF;
     --game-green: #008000;
     --game-grey: #5A5656;
     --game-red: #BD1E1E;
diff --git a/truthinquiry/static/css/game_ui_legal.css b/truthinquiry/static/css/game_ui_legal.css
index b21d620..d32c47c 100644
--- a/truthinquiry/static/css/game_ui_legal.css
+++ b/truthinquiry/static/css/game_ui_legal.css
@@ -1,10 +1,21 @@
 /* Common properties */
 html {
-    background-color: var(--game-black);
+    background-color: var(--game-grey);
     color: var(--game-white);
     font-family: "Roboto Mono", "sans-serif";
 }
 
+body {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - var(--body-margin) * 2);
+    width: calc(100vw - var(--body-margin) * 2);
+}
+
+footer {
+    margin-top: auto;
+}
+
 /* Legal links and texts */
 .legal_text_description, .legal_text_last_update, .legal_text_title {
     margin: 0;