From ddf36e429e0d6533998d7aebba2c273c34af0004 Mon Sep 17 00:00:00 2001
From: Mohamed-Hacene <mohamedhacene.b@gmail.com>
Date: Tue, 19 Mar 2024 12:56:52 +0100
Subject: [PATCH] feat: add line break after requirement assessment title

---
 .../[id=uuid]/TreeViewItemContent.svelte       | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/frontend/src/routes/(app)/compliance-assessments/[id=uuid]/TreeViewItemContent.svelte b/frontend/src/routes/(app)/compliance-assessments/[id=uuid]/TreeViewItemContent.svelte
index 9dc212338..f7f897842 100644
--- a/frontend/src/routes/(app)/compliance-assessments/[id=uuid]/TreeViewItemContent.svelte
+++ b/frontend/src/routes/(app)/compliance-assessments/[id=uuid]/TreeViewItemContent.svelte
@@ -97,15 +97,23 @@
 			{#if assessable && canEditRequirementAssessment}
 				<span class="w-full h-full flex rounded-token hover:text-primary-500">
 					<a href="/requirement-assessments/{ra_id}?next={$page.url.pathname}">
-						{#if title} <span style="font-weight: 600;">{title}</span>&nbsp;&nbsp;{/if}
-						{#if description}{description}{/if}
+						{#if title} 
+							<span style="font-weight: 600;">{title}</span>&nbsp;&nbsp;
+						{/if}
+						{#if description}
+							<p>{description}</p>
+						{/if}
 					</a>
 				</span>
 			{:else}
 				<p class="max-w-[80ch] whitespace-pre-line">
-					{#if title} <span style="font-weight: 600;">{title}</span>&nbsp;&nbsp;{/if}
-					{#if description}{description}{/if}
-	</p>
+					{#if title} 
+						<span style="font-weight: 600;">{title}</span>&nbsp;&nbsp;
+					{/if}
+					{#if description}
+						<p>{description}</p>
+					{/if}
+				</p>
 			{/if}
 		</span>
 		{#if (threats && threats.length > 0) || (reference_controls && reference_controls.length > 0)}