From 99ca1c58c2802d41e0e44b5c34ce02328d552dde Mon Sep 17 00:00:00 2001
From: admin <tim.leikauf@gmail.com>
Date: Sun, 24 May 2026 20:54:51 +0200
Subject: [PATCH] fix: make PairsPanel fully scrollable including PairForm

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/StatementCreation.jsx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/pages/StatementCreation.jsx b/src/pages/StatementCreation.jsx
index 4ebbf38..21477af 100644
--- a/src/pages/StatementCreation.jsx
+++ b/src/pages/StatementCreation.jsx
@@ -479,16 +479,17 @@ function PairsPanel({ selectedObject, objectPairs, loadingPairs, onPairSaved })
         </h2>
       </div>
 
-      {/* Add pair form */}
-      <div className="p-3 border-b border-slate-100 flex-shrink-0">
-        <PairForm
-          objectId={selectedObject.id}
-          onPairSaved={onPairSaved}
-        />
-      </div>
+      {/* Scrollable body: form + pairs list together */}
+      <div className="flex-1 overflow-y-auto">
+        <div className="p-3 border-b border-slate-100">
+          <PairForm
+            objectId={selectedObject.id}
+            onPairSaved={onPairSaved}
+          />
+        </div>
 
-      {/* Existing pairs */}
-      <div className="flex-1 overflow-y-auto p-3 space-y-3">
+        {/* Existing pairs */}
+        <div className="p-3 space-y-3">
         {loadingPairs && (
           <div className="space-y-2">
             {[1,2].map(i => <div key={i} className="h-16 bg-slate-100 rounded animate-pulse" />)}