From 9bbf739b2afe04e5397d8c355a19970c90f69a55 Mon Sep 17 00:00:00 2001
From: Adrien Maston <adrien@37signals.com>
Date: Thu, 18 Dec 2025 10:12:24 +0100
Subject: [PATCH] Tweak columns in card perma

... when the container is larger than needed
---
 app/assets/stylesheets/card-perma.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/assets/stylesheets/card-perma.css b/app/assets/stylesheets/card-perma.css
index 7a249ec62..08c859420 100644
--- a/app/assets/stylesheets/card-perma.css
+++ b/app/assets/stylesheets/card-perma.css
@@ -96,9 +96,12 @@
         max-inline-size: 100%;
         padding: 0;
         position: relative;
+        white-space: nowrap;
 
         & > form {
+          flex-grow: 1;
           max-inline-size: 25ch;
+          min-block-size: 2.5em;
         }
 
         & > form + form:not(:has(.card__column-name--current)) {
@@ -110,6 +113,7 @@
     .card__column-name {
       @media (max-width: 639px) {
         --btn-border-radius: 0;
+        justify-content: center;
       }
     }