From d8c6b06ae7b30b88361fca0bfc2e19333bbd32b1 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Tue, 11 Nov 2025 15:51:34 -0600
Subject: [PATCH] Start at smaller viewport size

---
 app/assets/stylesheets/card-columns.css        | 6 +++---
 app/views/boards/show/_mobile_columns.html.erb | 2 --
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 29bacd085..9ea410fd3 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -45,7 +45,7 @@
       min-block-size: 20lh;
     }
 
-    @media (max-width: 639px) {
+    @media (max-width: 519px) {
       --bubble-size: 3rem;
 
       display: none;
@@ -744,9 +744,9 @@
     --progress-max-cards: 20;
     --progress-max-width: 100%;
 
-    padding-inline: 1ch;
+    padding-inline: 3vw;
 
-    @media (min-width: 640px) {
+    @media (min-width: 520px) {
       display: none;
     }
 
diff --git a/app/views/boards/show/_mobile_columns.html.erb b/app/views/boards/show/_mobile_columns.html.erb
index 13b275c65..14c6b9804 100644
--- a/app/views/boards/show/_mobile_columns.html.erb
+++ b/app/views/boards/show/_mobile_columns.html.erb
@@ -1,5 +1,4 @@
 <section class="mobile-card-columns">
-
   <%= link_to board_columns_stream_path(board), class: "cards cards--considering is-collapsed", data: { turbo_frame: "_top" } do %>
     <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.awaiting_triage.count %>">
       <span class="cards__expander-count"><%= board.cards.awaiting_triage.count %></span>
@@ -37,5 +36,4 @@
       </h2>
     </div>
   <% end %>
-
 </section>