From f790838093f8b5e16947ca25266bed5daaf662c0 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Tue, 28 Apr 2026 14:59:05 +0200
Subject: [PATCH] feat(chat): improve chat attachments styling and adjust
 button size

Co-authored-by: Copilot <copilot@github.com>
---
 .../src/components/chat/chat-attachments.tsx  |  4 ++--
 .../src/components/chat/chat-list.tsx         | 23 +++++++++++--------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/apps/infoalloggi/src/components/chat/chat-attachments.tsx b/apps/infoalloggi/src/components/chat/chat-attachments.tsx
index f933503..f593797 100644
--- a/apps/infoalloggi/src/components/chat/chat-attachments.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-attachments.tsx
@@ -29,7 +29,7 @@ export const ChatAttachments = ({
 		<div className="mt-1 flex flex-col items-end gap-1">
 			{data.map((file) => (
 				<div
-					className="flex w-fit items-center justify-end gap-2 rounded-md bg-secondary p-2 text-sm hover:bg-muted/50"
+					className="flex w-fit items-center justify-end gap-2 rounded-md bg-secondary p-1.5 text-sm hover:bg-muted/50"
 					key={file.id}
 				>
 					<div className="flex grow basis-full items-center gap-2 md:col-span-8">
@@ -53,7 +53,7 @@ export const ChatAttachments = ({
 								params: { mode: "download" },
 							})}
 						>
-							<Button className="flex size-8 gap-1 text-sm" size="icon">
+							<Button className="flex size-6 gap-1 text-sm" size="icon">
 								<Download className="size-4" />
 							</Button>
 						</Link>
diff --git a/apps/infoalloggi/src/components/chat/chat-list.tsx b/apps/infoalloggi/src/components/chat/chat-list.tsx
index 570524e..b201e01 100644
--- a/apps/infoalloggi/src/components/chat/chat-list.tsx
+++ b/apps/infoalloggi/src/components/chat/chat-list.tsx
@@ -313,16 +313,19 @@ export const ChatList = () => {
 																className="mt-1 w-full rounded-md border-l-4 bg-secondary px-2 py-0.5 text-foreground group-hover:bg-secondary/90"
 																style={{ borderColor: reply_userColor }}
 															>
-																<span
-																	className="font-semibold text-xs"
-																	style={{
-																		color: reply_userColor,
-																	}}
-																>
-																	{message.reply_source.sender === session.id
-																		? "Tu"
-																		: message.reply_source.nome}
-																</span>
+																<div className="flex items-baseline gap-1">
+																	<Reply className="size-3.5 text-primary" />
+																	<span
+																		className="font-semibold text-xs"
+																		style={{
+																			color: reply_userColor,
+																		}}
+																	>
+																		{message.reply_source.sender === session.id
+																			? "Tu"
+																			: message.reply_source.nome}
+																	</span>
+																</div>
 																<span className="line-clamp-2 block break-all text-xs italic">
 																	{message.reply_source.message}
 																</span>