From 5822dcbf4735020b7ff017310e5a714b5461eed4 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Wed, 18 Mar 2026 18:13:22 +0100
Subject: [PATCH] feat: enhance UserViewHeader button layout and add
 notification indicator for notes

---
 apps/infoalloggi/src/components/Layout.tsx          |  2 +-
 .../components/area-riservata/userViewHeader.tsx    | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/infoalloggi/src/components/Layout.tsx b/apps/infoalloggi/src/components/Layout.tsx
index 7211757..ba8fc1e 100644
--- a/apps/infoalloggi/src/components/Layout.tsx
+++ b/apps/infoalloggi/src/components/Layout.tsx
@@ -184,7 +184,7 @@ export const AreaRiservataLayoutUserView = ({
 								isAdmin
 							/>
 
-							<div className="mx-2 my-3 flex-1 overflow-auto lg:mx-4">
+							<div className="mx-2 flex-1 overflow-auto py-3 lg:mx-4">
 								<UserViewHeader />
 
 								{children}
diff --git a/apps/infoalloggi/src/components/area-riservata/userViewHeader.tsx b/apps/infoalloggi/src/components/area-riservata/userViewHeader.tsx
index 9d76f50..39c973c 100644
--- a/apps/infoalloggi/src/components/area-riservata/userViewHeader.tsx
+++ b/apps/infoalloggi/src/components/area-riservata/userViewHeader.tsx
@@ -336,9 +336,16 @@ const NoteUtenteDialog = () => {
 	return (
 		<Dialog>
 			<DialogTrigger asChild>
-				<Button size="sm" variant="orange">
-					<NotebookPen className="size-4" /> Note
-				</Button>
+				<div className="relative inline-flex">
+					<Button className="inline-flex" size="sm" variant="orange">
+						<NotebookPen className="size-4" /> Note
+					</Button>
+					{note && note.trim().length > 0 && (
+						<span className="absolute top-0 right-0 -mt-1 -mr-1 flex size-3">
+							<span className="relative inline-flex size-3 rounded-full bg-green-500"></span>
+						</span>
+					)}
+				</div>
 			</DialogTrigger>
 			<DialogContent className="sm:max-w-2xl">
 				<DialogHeader>