Added a better handling of text and descriptions of the buttons with different sizes

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

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,
 							},