From 358efa67a737d92b49bc02b6754825bf20faec46 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Thu, 6 Nov 2025 15:36:00 -0600
Subject: [PATCH] Fix the column mark-up had drifted

This ensure the transitions work properly and that the columns all align
nicely at the top of the board
---
 app/views/public/boards/show/_closed.html.erb  | 8 ++++++--
 app/views/public/boards/show/_column.html.erb  | 8 ++++++--
 app/views/public/boards/show/_not_now.html.erb | 8 ++++++--
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/app/views/public/boards/show/_closed.html.erb b/app/views/public/boards/show/_closed.html.erb
index 717f81324..e83f2eae0 100644
--- a/app/views/public/boards/show/_closed.html.erb
+++ b/app/views/public/boards/show/_closed.html.erb
@@ -3,7 +3,11 @@
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle"
 >
 
-  <%= render "boards/show/expander", title: "Done", count: board.cards.closed.count, column_id: "closed-cards" %>
+  <div class="cards__transition-container">
+    <header class="cards__header">
+      <%= render "boards/show/expander", title: "Done", count: board.cards.closed.count, column_id: "closed-cards" %>
+    </header>
 
-  <%= column_frame_tag :closed_column, src: public_board_columns_closed_path(board.publication.key) %>
+    <%= column_frame_tag :closed_column, src: public_board_columns_closed_path(board.publication.key) %>
+  </div>
 </section>
diff --git a/app/views/public/boards/show/_column.html.erb b/app/views/public/boards/show/_column.html.erb
index 99e59de0d..ae6b515fd 100644
--- a/app/views/public/boards/show/_column.html.erb
+++ b/app/views/public/boards/show/_column.html.erb
@@ -4,7 +4,11 @@
   data-controller="clicker"
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle"
 >
-  <%= render "boards/show/expander", title: column.name, count: column.cards.active.count, column_id: dom_id(column) %>
+  <div class="cards__transition-container">
+    <header class="cards__header">
+      <%= render "boards/show/expander", title: column.name, count: column.cards.active.count, column_id: dom_id(column) %>
+    </header>
 
-  <%= column_frame_tag dom_id(column, :cards), src: public_board_column_path(column.board.publication.key, column) %>
+    <%= column_frame_tag dom_id(column, :cards), src: public_board_column_path(column.board.publication.key, column) %>
+  </div>
 </section>
diff --git a/app/views/public/boards/show/_not_now.html.erb b/app/views/public/boards/show/_not_now.html.erb
index dad3ca0e4..f108596b2 100644
--- a/app/views/public/boards/show/_not_now.html.erb
+++ b/app/views/public/boards/show/_not_now.html.erb
@@ -3,7 +3,11 @@
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle"
 >
 
-  <%= render "boards/show/expander", title: "Not Now", count: board.cards.postponed.count, column_id: "not-now" %>
+  <div class="cards__transition-container">
+    <header class="cards__header">
+      <%= render "boards/show/expander", title: "Not Now", count: board.cards.postponed.count, column_id: "not-now" %>
+    </header>
 
-  <%= column_frame_tag :not_now_column, src: public_board_columns_not_now_path(board.publication.key) %>
+    <%= column_frame_tag :not_now_column, src: public_board_columns_not_now_path(board.publication.key) %>
+  </div>
 </section>