From eeacf5e0c2f390a92f64e21e72e180e90808eeba Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Fri, 3 Oct 2025 14:22:45 -0500
Subject: [PATCH] Align collapsed columns

---
 app/assets/stylesheets/card-columns.css           | 8 ++++++++
 app/views/collections/show/menu/_columns.html.erb | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 843cc080e..1f71a538a 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -84,6 +84,10 @@
       .card {
         display: none;
       }
+
+      &:not(.cards--considering) {
+        margin-block-start: var(--column-width-collapsed);
+      }
     }
 
     &:not(.is-collapsed) {
@@ -107,6 +111,10 @@
     }
   }
 
+  .cards__new-column {
+    margin-block-start: var(--column-width-collapsed);
+  }
+
   /* Used when filtering */
   .cards--grid {
     --cards-gap: 1rem;
diff --git a/app/views/collections/show/menu/_columns.html.erb b/app/views/collections/show/menu/_columns.html.erb
index 60a62c1b5..d0c2072bd 100644
--- a/app/views/collections/show/menu/_columns.html.erb
+++ b/app/views/collections/show/menu/_columns.html.erb
@@ -1,4 +1,4 @@
-<div class="position-relative" data-controller="dialog" data-action="keydown.esc->dialog#close click@document->dialog#closeOnClickOutside" data-turbo-permanent>
+<div class="position-relative cards__new-column" data-controller="dialog" data-action="keydown.esc->dialog#close click@document->dialog#closeOnClickOutside" data-turbo-permanent>
   <button class="btn btn--circle txt-x-small borderless" data-action="click->dialog#open:stop" aria-label="Add a new column, etc.">
     <%= icon_tag "add", class: "translucent", "aria-hidden": true %>
   </button>