From def0298b12652f98218cec84321683052c043011 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Sun, 6 Aug 2023 02:11:28 +0200
Subject: [PATCH] Rearrange CSS rules into something with more sense

---
 .../src/app/board/[board]/BoardColumn.module.css | 16 ++++++++++++++++
 todoblue/src/app/board/[board]/BoardColumn.tsx   |  2 +-
 .../board/[board]/BoardMainTaskGroups.module.css | 10 ----------
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/todoblue/src/app/board/[board]/BoardColumn.module.css b/todoblue/src/app/board/[board]/BoardColumn.module.css
index e2cbb8d..6c91363 100644
--- a/todoblue/src/app/board/[board]/BoardColumn.module.css
+++ b/todoblue/src/app/board/[board]/BoardColumn.module.css
@@ -3,3 +3,19 @@
 	flex-direction: column;
 	gap: 8px;
 }
+
+.boardColumnContents > * {
+	flex-shrink: 0;
+}
+
+.boardColumnContents {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	padding-left: 4px;
+	padding-right: 4px;
+	padding-bottom: 8px;
+
+	overflow-x: hidden;
+	overflow-y: scroll;
+}
diff --git a/todoblue/src/app/board/[board]/BoardColumn.tsx b/todoblue/src/app/board/[board]/BoardColumn.tsx
index 924f6ed..3e9c70e 100644
--- a/todoblue/src/app/board/[board]/BoardColumn.tsx
+++ b/todoblue/src/app/board/[board]/BoardColumn.tsx
@@ -9,7 +9,7 @@ export function BoardColumn({taskGroup}: {taskGroup: TaskGroup}) {
 			<h3>
 				{taskGroup.name}
 			</h3>
-			<div>
+			<div className={style.boardColumnContents}>
 				{taskGroup.tasks.map(task => <TaskDisplay task={task} key={task.id}/>)}
 			</div>
 		</div>
diff --git a/todoblue/src/app/board/[board]/BoardMainTaskGroups.module.css b/todoblue/src/app/board/[board]/BoardMainTaskGroups.module.css
index dc108d8..d01b718 100644
--- a/todoblue/src/app/board/[board]/BoardMainTaskGroups.module.css
+++ b/todoblue/src/app/board/[board]/BoardMainTaskGroups.module.css
@@ -17,13 +17,3 @@
 
 	max-width: 480px;
 }
-
-.boardMainTaskGroups > div > div {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	overflow-y: scroll;
-	padding-left: 4px;
-	padding-right: 4px;
-	padding-bottom: 8px;
-}