From 0af0c91f280ecfb65cc0f26921d6cd0ba796dffc Mon Sep 17 00:00:00 2001
From: Mohamed-Hacene <mohamedhacene.b@gmail.com>
Date: Tue, 17 Dec 2024 23:19:03 +0100
Subject: [PATCH] style: improve ro-to layout

---
 frontend/messages/en.json                     |  3 ++-
 .../(internal)/ro-to/[id=uuid]/+page.svelte   | 23 +++++++++++++------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/frontend/messages/en.json b/frontend/messages/en.json
index 49abb549f..1ca227f2b 100644
--- a/frontend/messages/en.json
+++ b/frontend/messages/en.json
@@ -1009,5 +1009,6 @@
 	"operatingModesDescription": "Operating modes description",
 	"noStakeholders": "No stakeholders",
 	"strategicScenario": "Strategic scenario",
-	"strategicScenarios": "Strategic scenarios"
+	"strategicScenarios": "Strategic scenarios",
+	"goBackToEbiosRmStudy": "Go back to Ebios RM study"
 }
diff --git a/frontend/src/routes/(app)/(internal)/ro-to/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(internal)/ro-to/[id=uuid]/+page.svelte
index b62a50b71..5c4b2d4c2 100644
--- a/frontend/src/routes/(app)/(internal)/ro-to/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/ro-to/[id=uuid]/+page.svelte
@@ -34,6 +34,22 @@
 
 <div class="card p-4 bg-white shadow-lg">
 	<div class="flex flex-col space-y-4">
+		<div class="flex justify-between">
+			<a
+				href="/ebios-rm/{roto.ebios_rm_study.id}"
+				class="flex items-center space-x-2 text-primary-800 hover:text-primary-600"
+			>
+				<i class="fa-solid fa-arrow-left" />
+				<p class="">{m.goBackToEbiosRmStudy()}</p>
+			</a>
+			<a
+				href={`${$page.url.pathname}/edit?activity=${activeActivity}&next=${$page.url.pathname}?activity=${activeActivity}`}
+				class="btn variant-filled-primary h-fit"
+			>
+				<i class="fa-solid fa-pen-to-square mr-2" data-testid="edit-button" />
+				{m.edit()}
+			</a>
+		</div>
 		<div
 			id="activityOne"
 			class="relative p-4 space-y-4 rounded-md w-full flex flex-col items-center justify-center
@@ -61,13 +77,6 @@
 					<span class="font-bold">{roto.target_objective}</span>
 				</p>
 			</div>
-			<a
-				href={`${$page.url.pathname}/edit?activity=${activeActivity}&next=${$page.url.pathname}?activity=${activeActivity}`}
-				class="btn variant-filled-primary h-fit absolute top-2 right-4"
-			>
-				<i class="fa-solid fa-pen-to-square mr-2" data-testid="edit-button" />
-				{m.edit()}
-			</a>
 		</div>
 		<div
 			id="activityTwo"