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%; }