From fe38689a26de470a9ded9b51c8e3289d3cd9386f Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 25 Dec 2025 05:05:03 +0200
Subject: [PATCH] style/note attachments: make the list scrollable again

---
 .../src/widgets/type_widgets/Attachment.tsx   | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/widgets/type_widgets/Attachment.tsx b/apps/client/src/widgets/type_widgets/Attachment.tsx
index bef480c6f..b936779af 100644
--- a/apps/client/src/widgets/type_widgets/Attachment.tsx
+++ b/apps/client/src/widgets/type_widgets/Attachment.tsx
@@ -34,20 +34,23 @@ import FNote from "../../entities/fnote";
 export function AttachmentList({ note }: TypeWidgetProps) {
     const attachments = useAttachments(note);
 
+    // TODO: Extract inline styles to CSS
     return (
-        <>
+        <div style={{display: "flex", flexDirection: "column", height: "100%"}}>
             <AttachmentListHeader noteId={note.noteId} />
+            <div style={{overflow: "auto", flexGrow: 1}}>
 
-            <div className="attachment-list-wrapper">
-                {attachments.length ? (
-                    attachments.map(attachment => <AttachmentInfo key={attachment.attachmentId} attachment={attachment} />)
-                ) : (
-                    <Alert type="info">
-                        {t("attachment_list.no_attachments")}
-                    </Alert>
-                )}
+                <div className="attachment-list-wrapper">
+                    {attachments.length ? (
+                        attachments.map(attachment => <AttachmentInfo key={attachment.attachmentId} attachment={attachment} />)
+                    ) : (
+                        <Alert type="info">
+                            {t("attachment_list.no_attachments")}
+                        </Alert>
+                    )}
+                </div>
             </div>
-        </>
+        </div>
     );
 }