From 6dbe915ddf99b8266ca0b76d37c10db1c55262bd Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Thu, 18 Sep 2025 17:28:11 -0500
Subject: [PATCH] Bring back the vertical rules

---
 app/assets/stylesheets/card-columns.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 8629469d1..568b7845e 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -95,7 +95,6 @@
     }
 
     .cards__expander {
-      /* background-color: color-mix(in srgb, var(--card-color) 30%, var(--color-canvas)); */
       flex-direction: row-reverse;
       gap: 0.5ch;
       position: relative;
@@ -106,9 +105,20 @@
         flex-direction: column;
         justify-content: start;
       }
+
+      &:after {
+        background-color: color-mix(in srgb, var(--card-color) 20%, var(--color-canvas));
+        block-size: 100%;
+        content: " ";
+        inline-size: 1px;
+        inset: 0 0 0 0;
+        position: absolute;
+        z-index: -1;
+      }
     }
 
     .cards__expander-button {
+      --btn-border-radius: 0.2em;
       --btn-padding: 1em 0.5em;
       --focus-ring-size: 0;
 
@@ -126,6 +136,7 @@
 
     .progress {
       background-color: color-mix(in srgb, var(--card-color) 30%, var(--color-canvas));
+      border-radius: 0.2em;
       inline-size: calc(var(--collapsed) + calc(var(--cards-gap) / 2));
       margin-block-start: 2.5em;
       position: absolute;
@@ -159,6 +170,7 @@
 
     .cards__expander-count {
       background-color: color-mix(in srgb, var(--card-color) 30%, var(--color-canvas));
+      border-radius: 0.2em;
       display: none;
       padding: 0.5em 1em;