From 49744be0940c5e0856ade0573b213afc3fd9824d Mon Sep 17 00:00:00 2001
From: AudricV <74829229+AudricV@users.noreply.github.com>
Date: Fri, 13 Jan 2023 14:12:33 +0100
Subject: [PATCH] [Client] Add emotion and culprit choices style

---
 truthseeker/static/css/game_ui_game.css | 56 ++++++++++++++++++++++---
 1 file changed, 50 insertions(+), 6 deletions(-)

diff --git a/truthseeker/static/css/game_ui_game.css b/truthseeker/static/css/game_ui_game.css
index 42a0b6a..ef3cdc6 100644
--- a/truthseeker/static/css/game_ui_game.css
+++ b/truthseeker/static/css/game_ui_game.css
@@ -57,6 +57,12 @@ html {
     width: 5em;
 }
 
+#emotion_and_culprit_choices_next_btn, #interrogation_next_btn {
+    position: fixed;
+    left: calc(100% - 6em);
+    top: 1em;
+}
+
 /* Introduction */
 .introduction {
     padding: 1em;
@@ -96,12 +102,6 @@ html {
     text-transform: uppercase;
 }
 
-#interrogation_next_btn {
-    position: fixed;
-    left: calc(100% - 6em);
-    top: 1em;
-}
-
 .suspects {
     align-content: center;
     align-items: center;
@@ -143,3 +143,47 @@ html {
     color: black;
     text-transform: none;
 }
+
+/* Emotion and culprit choices */
+.culprit_btn {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+}
+
+.culprit_icon {
+    fill: white;
+    height: 1em;
+    width: 1em;
+}
+
+.culprit_btn_text {
+    margin: 0;
+    margin-left: 0.25em;
+    margin-right: 0.25em;
+}
+
+.culprit_btn_checked {
+    background-color: green;
+}
+
+.suspect_emotion_chooser {
+    background-color: #5A5656;
+    border: none;
+    border-radius: var(--button-and-dialog-border-radius);
+    color: white;
+    font-family: "Roboto Mono", sans-serif;
+    font-size: 1em;
+    margin: 1em;
+    padding: 0.5em;
+}
+
+.emotion_and_culprit_choices_title {
+    font-size: 2em;
+    margin: 0.5em;
+    text-align: center;
+    font-family: "Spicy Rice", sans-serif;
+    color: var(--button-color);
+}