From 7f97085d10d8e9cc6cb3a16dfcf2cc97c1575c1d Mon Sep 17 00:00:00 2001
From: Chris McCormick <chris@mccormick.cx>
Date: Tue, 30 Dec 2025 21:41:44 +0800
Subject: [PATCH] Make columns fill vertical space.

---
 TODO.md    |  2 +-
 index.html | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/TODO.md b/TODO.md
index 4085760..9dd12c1 100644
--- a/TODO.md
+++ b/TODO.md
@@ -2,7 +2,6 @@
 
 ## TODO
 
-- [ ] Can we make the columns vertically fill the available space?
 - [ ] Minimize the number of times the user is asked for access. If possible ask for all the access required at one time.
 - [ ] Ability to rename columns.
 
@@ -11,6 +10,7 @@
 
 ## Done
 
+- [x] Can we make the columns vertically fill the available space?
 - [x] Plus button in the columns to add a new item, with text input.
 - [x] Ability to create columns.
 - [x] Moving cards around janks the file.
diff --git a/index.html b/index.html
index 9fa5e79..8df2884 100644
--- a/index.html
+++ b/index.html
@@ -134,8 +134,8 @@
             display: flex;
             gap: 1em;
             overflow-x: auto;
-            height: 100%;
-            align-items: flex-start;
+            flex-grow: 1;
+            align-items: stretch;
             padding-bottom: 1em;
         }
 
@@ -147,7 +147,7 @@
             flex: 1 1 0;
             display: flex;
             flex-direction: column;
-            max-height: 100%;
+            height: 100%;
             border: .1rem solid var(--shade);
         }
 
@@ -155,6 +155,7 @@
             padding: 0.75em;
             font-weight: bold;
             border-bottom: .1rem solid var(--shade);
+            flex-shrink: 0;
         }
 
         .card-list {
@@ -165,7 +166,7 @@
             display: flex;
             flex-direction: column;
             gap: 0.5em;
-            min-height: 100px;
+            min-height: 0;
             position: relative;
         }
 
@@ -178,6 +179,7 @@
             user-select: none;
             word-wrap: break-word;
             position: relative;
+            flex-shrink: 0;
         }
 
         .card:hover {
@@ -221,6 +223,7 @@
             opacity: 0;
             transition: opacity 0.1s;
             pointer-events: none;
+            flex-shrink: 0;
         }
 
         .drop-indicator.active {
@@ -289,6 +292,7 @@
             flex-direction: column;
             gap: 0.5em;
             align-items: flex-end;
+            flex-shrink: 0;
         }
 
         .add-card-btn {