From 2f8b929702f0e32c0ebb85ea2d4903ec21f7db3c Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Thu, 12 Jun 2025 10:59:29 -0500
Subject: [PATCH] Tighter bubbles on small screens

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

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 3507ea16c..c2ddc7389 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -13,6 +13,12 @@
 
     container-type: inline-size;
     max-inline-size: 1400px;
+
+    @media (max-width: 639px) {
+      --bubble-gap: -0.5rem;
+      --bubble-size: 3rem;
+      --reserved-bubble-space: calc(var(--bubble-size) / 2 + var(--bubble-gap));
+    }
   }
 
   .card-columns {