Align collapsed columns

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;

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>