From 1d937212c34c97b2000acda1eefde32c6d6c6638 Mon Sep 17 00:00:00 2001
From: Nassim Tabchiche <n.tabchiche2@gmail.com>
Date: Mon, 16 Dec 2024 15:45:52 +0100
Subject: [PATCH] Correct alignment on StakeholderForm

---
 .../Forms/ModelForm/StakeholderForm.svelte    | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/frontend/src/lib/components/Forms/ModelForm/StakeholderForm.svelte b/frontend/src/lib/components/Forms/ModelForm/StakeholderForm.svelte
index 300f6fab5..3c098b24a 100644
--- a/frontend/src/lib/components/Forms/ModelForm/StakeholderForm.svelte
+++ b/frontend/src/lib/components/Forms/ModelForm/StakeholderForm.svelte
@@ -105,9 +105,9 @@
 		/>
 	</span>
 
+	<h4 class="h4 font-semibold self-start">{m.currentAssessment()}</h4>
 	<div class="flex flex-row items-center space-x-4">
 		<div class="flex flex-col space-y-4 w-fit items-center">
-			<h4 class="h4 font-semibold self-start">{m.currentAssessment()}</h4>
 			<span class="flex flex-row items-center space-x-4">
 				<RadioGroupInput
 					{form}
@@ -173,7 +173,7 @@
 			>
 		</div>
 		<i class="fa-solid fa-equals" />
-		<div class="flex flex-col">
+		<div class="flex flex-col mb-5">
 			<label for="current_criticality" class="text-sm font-semibold">
 				{m.criticality()}
 			</label>
@@ -206,8 +206,8 @@
 		>
 			{m.activityThree()}
 		</p>
-		<div class="flex">
-			<div class="w-full mr-2">
+		<div class="flex flex-row space-x-2">
+			<div class="w-full">
 				<AutocompleteSelect
 					multiple
 					{form}
@@ -219,18 +219,16 @@
 					label={m.appliedControls()}
 				/>
 			</div>
-			<div class="flex items-center justify-center">
-				<div class="">
-					<button class="btn bg-gray-300 h-10 w-10" on:click={modalMeasureCreateForm} type="button"
-						><i class="fa-solid fa-plus text-sm" /></button
-					>
-				</div>
+			<div class="flex items-end">
+				<button class="btn input h-11 w-11" on:click={modalMeasureCreateForm} type="button"
+					><i class="fa-solid fa-plus text-sm" />
+				</button>
 			</div>
 		</div>
 
+		<h4 class="h4 font-semibold self-start">{m.targetAssessment()}</h4>
 		<div class="flex flex-row items-center space-x-4">
 			<div class="flex flex-col space-y-4 w-fit items-center">
-				<h4 class="h4 font-semibold self-start">{m.targetAssessment()}</h4>
 				<span class="flex flex-row items-center space-x-4">
 					<RadioGroupInput
 						{form}
@@ -296,7 +294,7 @@
 				>
 			</div>
 			<i class="fa-solid fa-equals" />
-			<div class="flex flex-col">
+			<div class="flex flex-col mb-5">
 				<label for="residual_criticality" class="text-sm font-semibold">
 					{m.criticality()}
 				</label>