From 3e50056987f319100874fb026ea4b3c4535eecd8 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 11 Jun 2025 13:44:10 -0500
Subject: [PATCH] Equalize padding

---
 app/assets/stylesheets/card-columns.css | 31 +++++++++++--------------
 app/models/card/entropy.rb              |  1 -
 2 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 262bd4570..3507ea16c 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -7,16 +7,15 @@
   #main:has(.card-columns) {
     --cards-gap: min(2cqi, 1rem);
     --gradient-border: linear-gradient(to right,var(--color-canvas), var(--color-ink-lighter) 3%, var(--color-ink-lighter) 97%, var(--color-canvas));
+    --reserved-bubble-space: calc(var(--bubble-size) + var(--bubble-gap));
+    --bubble-gap: 0.5rem;
+    --bubble-size: 4rem;
 
     container-type: inline-size;
     max-inline-size: 1400px;
   }
 
   .card-columns {
-    --bubble-gap: 0.5rem;
-    --bubble-size: 4rem;
-    --reserved-bubble-space: calc(var(--bubble-size) + var(--bubble-gap));
-
     margin: auto;
     max-inline-size: 100%;
     position: relative;
@@ -45,10 +44,10 @@
     gap: var(--cards-gap);
     justify-content: start;
     padding: 0 var(--reserved-bubble-space) var(--cards-gap) var(--cards-gap);
+    position: relative;
 
     /* Make sure filter dialogs don't end up behind sticky headers */
     &:has([open]) {
-      position: relative;
       z-index: 3;
     }
 
@@ -60,7 +59,8 @@
     }
 
     @media (max-width: 639px) {
-      padding-inline-start: 0;
+      padding-block-end: calc(var(--cards-gap) * 2);
+      padding-inline-start: var(--reserved-bubble-space);
     }
 
     .card {
@@ -143,10 +143,6 @@
       font-weight: normal;
       text-transform: none;
     }
-
-    @media (max-width: 639px) {
-      margin-inline-end: calc(-1 * var(--reserved-bubble-space) - var(--cards-gap));
-    }
   }
 
   /* Considering
@@ -210,14 +206,12 @@
   /* ------------------------------------------------------------------------ */
 
   @media (max-width: 639px) {
-    .cards--doing {
-      .cards__heading:before {
-        background: var(--gradient-border);
-        block-size: 1px;
-        content: "";
-        inset: 0 0 auto;
-        position: absolute;
-      }
+    .cards--doing:before {
+      background: var(--gradient-border);
+      block-size: 1px;
+      content: "";
+      inset: 0 0 auto;
+      position: absolute;
     }
   }
 
@@ -242,6 +236,7 @@
 
     @media (max-width: 639px) {
       flex-direction: column;
+      padding-inline: var(--reserved-bubble-space);
     }
 
     .cards__heading {
diff --git a/app/models/card/entropy.rb b/app/models/card/entropy.rb
index 839f4c960..51b1e54a4 100644
--- a/app/models/card/entropy.rb
+++ b/app/models/card/entropy.rb
@@ -24,6 +24,5 @@ class Card::Entropy
 
   def days_before_reminder
     (auto_clean_period * 0.25).seconds.in_days.round
-    30
   end
 end