From 1198f7949214ed39d4cc92fe8cc2e83ca528b727 Mon Sep 17 00:00:00 2001
From: xarmian <xarmian@gmail.com>
Date: Tue, 7 Apr 2026 22:01:12 +0000
Subject: [PATCH] ui: style board view columns to match roles page swim lanes

Add background, border, and border-radius to board columns for a
boxed card-like container look. Round header top corners to match,
tighten card gap, and bump header padding/weight for consistency
with the roles page lane styling.
---
 .../lib/components/collections/BoardView.svelte   | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/web/src/lib/components/collections/BoardView.svelte b/web/src/lib/components/collections/BoardView.svelte
index bfcd854a..d7de51e5 100644
--- a/web/src/lib/components/collections/BoardView.svelte
+++ b/web/src/lib/components/collections/BoardView.svelte
@@ -258,7 +258,7 @@
 <style>
 	.board-view {
 		display: flex;
-		gap: var(--space-5);
+		gap: var(--space-4);
 		flex: 1;
 		min-height: 0;
 		overflow-x: auto;
@@ -269,6 +269,9 @@
 		flex-direction: column;
 		flex: 1 0 0;
 		min-width: 220px;
+		background: var(--bg-secondary);
+		border: 1px solid var(--border);
+		border-radius: var(--radius-lg);
 		transition: transform 0.15s ease;
 	}
 
@@ -284,10 +287,10 @@
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: var(--space-2) var(--space-3);
-		margin-bottom: var(--space-3);
+		padding: var(--space-3) var(--space-4);
 		border-bottom: 2px solid var(--text-secondary);
-		font-weight: 600;
+		border-radius: var(--radius-lg) var(--radius-lg) 0 0;
+		font-weight: 700;
 		font-size: 0.9em;
 		cursor: grab;
 		flex-shrink: 0;
@@ -410,9 +413,7 @@
 		display: flex;
 		flex-direction: column;
 		flex: 1;
-		gap: var(--space-3);
-		min-height: 60px;
-		border-radius: var(--radius);
+		gap: var(--space-2);
 		padding: var(--space-2);
 		transition: background 0.15s ease;
 		overflow-y: auto;