From 5d67a52b4502a688d486d67408be771281300688 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Sun, 31 Aug 2025 21:14:30 +0200
Subject: [PATCH] =?UTF-8?q?Verbessert=20das=20Styling=20in=20PredefinedAct?=
 =?UTF-8?q?ivities.vue,=20um=20die=20Benutzeroberfl=C3=A4che=20zu=20optimi?=
 =?UTF-8?q?eren.=20F=C3=BCgt=20eine=20H=C3=B6he=20f=C3=BCr=20das=20Hauptla?=
 =?UTF-8?q?yout=20hinzu=20und=20erm=C3=B6glicht=20das=20Scrollen=20in=20de?=
 =?UTF-8?q?r=20Liste=20sowie=20eine=20sticky=20Positionierung=20f=C3=BCr?=
 =?UTF-8?q?=20die=20Toolbar,=20um=20die=20Benutzerfreundlichkeit=20zu=20er?=
 =?UTF-8?q?h=C3=B6hen.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/PredefinedActivities.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/views/PredefinedActivities.vue b/frontend/src/views/PredefinedActivities.vue
index f2253f9..e6604ba 100644
--- a/frontend/src/views/PredefinedActivities.vue
+++ b/frontend/src/views/PredefinedActivities.vue
@@ -206,12 +206,14 @@ export default {
   display: grid;
   grid-template-columns: 320px 1fr;
   gap: 1rem;
+  height: calc(100vh - 170px);
 }
 .list {
   background: white;
   border: 1px solid var(--border-color);
   border-radius: var(--border-radius);
   padding: 0.5rem;
+  overflow: auto;
 }
 .toolbar {
   display: flex;
@@ -238,6 +240,11 @@ select { max-width: 220px; }
   border: 1px solid var(--border-color);
   border-radius: var(--border-radius);
   padding: 0.75rem;
+  position: sticky;
+  top: 0;
+  align-self: start;
+  max-height: calc(100vh - 170px);
+  overflow: auto;
 }
 label { display: block; margin-bottom: 0.5rem; }
 input[type="text"], input[type="number"], textarea { width: 100%; }