From c5ba72229f3cda2a50316fe14efd189109be46cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Le=20Bihan?= <clement.lebihan773@gmail.com>
Date: Mon, 10 Apr 2023 00:29:06 +0200
Subject: [PATCH] Added a better handling of text and descriptions of the
 buttons with different sizes

---
 front/components/GtkUI/ElementList.tsx       | 18 ++++++++++++++++--
 front/views/settings/SettingsProfileView.tsx |  1 +
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/front/components/GtkUI/ElementList.tsx b/front/components/GtkUI/ElementList.tsx
index cb0cd91..5e27a00 100644
--- a/front/components/GtkUI/ElementList.tsx
+++ b/front/components/GtkUI/ElementList.tsx
@@ -124,9 +124,23 @@ const Element = ({
 				alignItems: "center",
 			}}
 		>
-			<Box>
+			<Box style={{
+				flexGrow: 1,
+			}}>
 				{icon}
-				<Text>{title}</Text>
+				<Column>
+				<Text isTruncated maxW={"95%"} >{title}</Text>
+				{description && (
+					<Text isTruncated maxW={"90%"}
+						style={{
+							opacity: 0.6,
+							fontSize: 12,
+						}}
+					>
+						{description}
+					</Text>
+				)}
+				</Column>
 			</Box>
 			<Box>
 				<Row
diff --git a/front/views/settings/SettingsProfileView.tsx b/front/views/settings/SettingsProfileView.tsx
index f318495..809ed98 100644
--- a/front/views/settings/SettingsProfileView.tsx
+++ b/front/views/settings/SettingsProfileView.tsx
@@ -98,6 +98,7 @@ const ProfileSettings = ({ navigation }: { navigation: any }) => {
 						{
 							type: "text",
 							title: "ID",
+							helperText: "This is your unique ID, be proud of it!",
 							data: {
 								text: user.id,
 							},