From 678fb66f1741c596e9886bbc2c463d7dcbd84c88 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Tue, 3 Jun 2025 15:51:37 -0500
Subject: [PATCH] Stub UI for independent settings for Considering and Doing

---
 app/assets/stylesheets/dividers.css           | 19 +++++++++++++
 .../collections/edit/_auto_close.html.erb     | 27 ++++++++++++++-----
 2 files changed, 40 insertions(+), 6 deletions(-)
 create mode 100644 app/assets/stylesheets/dividers.css

diff --git a/app/assets/stylesheets/dividers.css b/app/assets/stylesheets/dividers.css
new file mode 100644
index 000000000..0a650ceb7
--- /dev/null
+++ b/app/assets/stylesheets/dividers.css
@@ -0,0 +1,19 @@
+@layer components {
+  .divider {
+    --divider-padding: var(--inline-space);
+    --divider-color: var(--color-ink-medium);
+
+    align-items: center;
+    display: flex;
+    margin-inline: calc(var(--divider-padding) * -1);
+  
+    &:before,
+    &:after {
+      background: var(--divider-color);
+      block-size: var(--divider-size, 1px);
+      content: "";
+      flex: 1;
+      margin: 0 var(--divider-padding);
+    }
+  }
+}
\ No newline at end of file
diff --git a/app/views/collections/edit/_auto_close.html.erb b/app/views/collections/edit/_auto_close.html.erb
index e0a05df2b..585627dd6 100644
--- a/app/views/collections/edit/_auto_close.html.erb
+++ b/app/views/collections/edit/_auto_close.html.erb
@@ -1,6 +1,21 @@
-<strong class="txt-large">Do or Die</strong>
-<label for="closure" class="margin-block-end">Cards automatically close when there is no activity for…</label>
-
-<%= form_with model: collection, data: { controller: "form" } do |form| %>
-  <%= form.select :auto_close_period, collection_auto_close_options, {}, { class: "input input--select full-width margin-block-end", data: { action: "change->form#submit" } } %>
-<% end %>
+<div class="margin-block-end">
+  <strong class="divider txt-large">Do or Die</strong>
+  <div class="flex align-start gap">
+    <div class="flex flex-column full-width" style="flex-basis: 48%">
+      <strong>Cards in Considering</strong>
+      <p class="txt-x-small margin-none">Auto-close after…</p>
+      <%= form_with model: collection, data: { controller: "form" } do |form| %>
+        <%= form.select :auto_close_period, collection_auto_close_options, {}, { class: "input input--select full-width margin-block-half txt-small fill-white txt-align-center", data: { action: "change->form#submit" } } %>
+      <% end %>
+    </div>
+    <div class="separator margin-block-half" style="--border-color: var(--color-ink-medium); min-block-size: 4lh;"></div>
+    <div class="flex flex-column full-width" style="flex-basis: 48%">
+      <strong>Cards inDoing</strong>
+      <p class="txt-x-small margin-none">Fall back to Considering after…</p>
+      <%= form_with model: collection, data: { controller: "form" } do |form| %>
+        <%= form.select :auto_close_period, collection_auto_close_options, {}, { class: "input input--select full-width margin-block-half txt-small fill-white txt-align-center", data: { action: "change->form#submit" } } %>
+      <% end %>
+    </div>
+  </div>
+</div>
+ 
\ No newline at end of file