Align with right collumn better

app/assets/stylesheets/settings.css

@@ -19,6 +19,7 @@
     display: flex;
     flex-direction: column;
     gap: var(--settings-spacer);
+    min-block-size: 100%;
 
     @media (min-width: 960px) {
       --panel-padding: calc(var(--settings-spacer) * 2);

app/assets/stylesheets/utilities.css

@@ -134,6 +134,7 @@
   .margin-block-half { margin-block: var(--block-space-half); }
   .margin-block-start { margin-block-start: var(--block-space); }
   .margin-block-start-half { margin-block-start: var(--block-space-half); }
+  .margin-block-start-auto { margin-block-start: auto; }
   .margin-block-end { margin-block-end: var(--block-space); }
   .margin-block-end-half { margin-block-end: var(--block-space-half); }
   .margin-block-double { margin-block: var(--block-space-double); }

app/views/collections/edit.html.erb

@@ -36,9 +36,6 @@
     <%= render "collections/edit/workflows", collection: @collection %>
     <%= render "collections/edit/auto_close", collection: @collection %>
     <%= render "collections/edit/publication", collection: @collection %>
-
-    <hr class="separator--horizontal full-width" style="--border-color: var(--color-ink-light);" aria-hidden="true" />
-
     <%= render "collections/edit/delete", collection: @collection %>
   </div>
 </section>

app/views/collections/edit/_delete.html.erb

@@ -1,4 +1,4 @@
-<%= form_with model: collection, class: "txt-align-center", method: :delete do |form| %>
+<%= form_with model: collection, class: "txt-align-center margin-block-start-auto", method: :delete do |form| %>
   <%= form.button class: "btn txt-negative borderless txt-small", data: { turbo_confirm: "Are you sure you want to permanently delete this Collection?" } do %>
     <%= icon_tag "trash" %>
     <span>Delete this Collection</span>