Merge pull request #663 from krismas/flash

Proposition de nouvelle mise en page du mode "Flash"
intuitem · Jul 19, 2024 · 5fe56a4 · 5fe56a4
2 parents 8405bbb + c738486
commit 5fe56a4
Showing 1 changed file with 26 additions and 24 deletions.
diff --git a/frontend/src/routes/(app)/compliance-assessments/[id=uuid]/flash-mode/+page.svelte b/frontend/src/routes/(app)/compliance-assessments/[id=uuid]/flash-mode/+page.svelte
@@ -76,7 +76,7 @@
 	>
 		{#if data.requirement_assessments[currentIndex]}
 			<div class="flex flex-col w-full h-full space-y-4">
-				<div class="flex justify-between h-1/6">
+				<div class="flex justify-between">
 					<div class="">
 						<a
 							href="/compliance-assessments/{data.compliance_assessment.id}"
@@ -88,34 +88,36 @@
 					</div>
 					<div class="font-semibold">{currentIndex + 1}/{data.requirement_assessments.length}</div>
 				</div>
-				<div class="flex flex-col h-1/2 items-center text-center justify-center">
+				<div class="flex flex-col items-center text-center justify-center">
 					<p class="font-semibold">{title}</p>
+				</div>
+				<div class="flex flex-col items-center justify-center">
 					{#if data.requirement_assessments[currentIndex].description}
 						{data.requirement_assessments[currentIndex].description}
 					{/if}
 				</div>
-				<div class="items-center">
-					<div>
-						<form id="flashModeForm" action="?/updateRequirementAssessment" method="post">
-							<ul
-								class=" items-center w-full text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg sm:flex dark:bg-gray-700 dark:border-gray-600 dark:text-white"
-							>
-								<RadioGroup class="w-full flex-wrap items-center">
-									{#each possible_options as option}
-										<RadioItem
-											class="h-full"
-											id={option.id}
-											value={option.id}
-											bind:group={result}
-											name="result"
-											style="border-color: {color}"
-											on:change={updateResult}>{option.label}</RadioItem
-										>
-									{/each}
-								</RadioGroup>
-							</ul>
-						</form>
-					</div>
+			</div>
+			<div class="items-center my-4">
+				<div>
+					<form id="flashModeForm" action="?/updateRequirementAssessment" method="post">
+						<ul
+							class=" items-center w-full text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg sm:flex dark:bg-gray-700 dark:border-gray-600 dark:text-white"
+						>
+							<RadioGroup class="w-full flex-wrap items-center">
+								{#each possible_options as option}
+									<RadioItem
+										class="h-full"
+										id={option.id}
+										value={option.id}
+										bind:group={result}
+										name="result"
+										style="border-color: {color}"
+										on:change={updateResult}>{option.label}</RadioItem
+									>
+								{/each}
+							</RadioGroup>
+						</ul>
+					</form>
 				</div>
 			</div>
 			<div class="flex justify-between">