From c087ceee529ca48566f84bb9d12c6d5dbe2c78f8 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Tue, 24 Jun 2025 15:29:41 -0500
Subject: [PATCH] Properly close the span

---
 app/assets/stylesheets/utilities.css                | 1 +
 app/views/cards/display/common/_collection.html.erb | 3 ++-
 app/views/cards/display/perma/_collection.html.erb  | 6 +++---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/utilities.css b/app/assets/stylesheets/utilities.css
index 7da38de27..741e417d7 100644
--- a/app/assets/stylesheets/utilities.css
+++ b/app/assets/stylesheets/utilities.css
@@ -39,6 +39,7 @@
   .align-start { align-items: start; }
   .align-end { align-items: end; }
 
+  .align-self-center { align-self: center; }
   .align-self-end { align-self: end; }
   .align-self-start { align-self: start; }
 
diff --git a/app/views/cards/display/common/_collection.html.erb b/app/views/cards/display/common/_collection.html.erb
index 08d223974..1482d1b51 100644
--- a/app/views/cards/display/common/_collection.html.erb
+++ b/app/views/cards/display/common/_collection.html.erb
@@ -2,5 +2,6 @@
   <span class="card__id"><%= card.id %></span>
   <span class="card__collection-name">
     <span class="overflow-ellipsis"><%= card.collection.name %></span>
+  </span>
   <%= yield %>
-</label>
\ No newline at end of file
+</label>
diff --git a/app/views/cards/display/perma/_collection.html.erb b/app/views/cards/display/perma/_collection.html.erb
index 6e85e79c6..8044ea681 100644
--- a/app/views/cards/display/perma/_collection.html.erb
+++ b/app/views/cards/display/perma/_collection.html.erb
@@ -1,5 +1,5 @@
 <%= render "cards/display/common/collection", card: card do %>
-  <div class="position-relative txt-small" data-controller="dialog" data-action="keydown.esc->dialog#close:stop click@document->dialog#closeOnClickOutside" <%= "hidden" if card.closed? %>>
+  <div class="align-self-center position-relative txt-small" data-controller="dialog" data-action="keydown.esc->dialog#close:stop click@document->dialog#closeOnClickOutside" <%= "hidden" if card.closed? %>>
     <button class="collection-picker__button btn btn--reversed card__hide-on-index fill-transparent" data-action="click->dialog#open:stop">
       <%= icon_tag "caret-down" %>
       <span class="for-screen-reader">Choose a collection for this card</span>
@@ -8,7 +8,7 @@
     <dialog class="popup panel flex-column align-start gap-half fill-white shadow margin-block-double" data-dialog-target="dialog">
       <%= tag.div class: "max-width full-width", data: {
           action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset",
-          controller: "filter navigable-list", 
+          controller: "filter navigable-list",
           dialog_target: "dialog",
           navigable_list_focus_on_selection_value: false,
 				  navigable_list_actionable_items_value: true } do %>
@@ -34,4 +34,4 @@
       <% end %>
     </dialog>
   </div>
-<% end %>
\ No newline at end of file
+<% end %>