From e2563da2a24eef0e39814785ccb7f22a1ca2270a Mon Sep 17 00:00:00 2001
From: Simon PIGNE <sipi@OperadeRouen.fr.msft>
Date: Fri, 25 Oct 2019 16:32:58 +0200
Subject: [PATCH] Hotfixcss

---
 css/vote.scss | 38 ++++++++++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/css/vote.scss b/css/vote.scss
index 0259cbc..bd5be9c 100644
--- a/css/vote.scss
+++ b/css/vote.scss
@@ -8,36 +8,66 @@
 	font-size: 420px;
 }
 
+/* hotfixcss
+ setting the width to 70% so it takes a more reasonable place for long titles
+ line height to 1 so the lines don't overlap
+ adding a margin-bottom for confort
+*/
 .sv_container {
 	h3 {
-		width: 400px;
+		width: 70%;
+		line-height: 1;
+		margin-bottom: 5%;
 		font-size: 30px;
 	}
 }
 
+
+/* hotfixcss
+changing to color so it matches the header
+setting the width to 70% to match the previous fix
+setting a more confortable margin-bottom
+*/
 .sv_qstn .sq-root {
 	border: 1px solid gray;
-	border-left: 4px solid #18a689;
+	border-left: 4px solid #0082c9;
 	border-radius: 5px;
 	padding: 20px;
-	width: 400px;
-	margin-bottom: 30px;
+	width: 70%;
+	margin-bottom: 6%;
 	font-size: 18px;
 }
 
+
+/* hotfixcss
+adding a margin
+*/
 .sq-title {
 	font-size: 20px;
 	margin-left: 20px;
+	margin-bottom: 2%;
 }
 
 .sq-title-required {
 	color: black;
 }
 
+/* hotfixcss
+display fex and align items center so the radio button is aligned with the text
+*/
 .sq-label {
 	margin-left: 30px;
+	display: flex;
+	align-items: center;
 }
 
 .sq-item:nth-child(1) {
 	margin-bottom: 5px;
 }
+
+/* hotfixcss
+adding the checkbox text's class to add a comfort margin
+*/
+.sv_q_checkbox_control_label {
+	margin-left: 1%;
+}