From 6bacbdce78d831e5ea6624faae95f5addaa425cd Mon Sep 17 00:00:00 2001
From: Adrien Maston <adrien@37signals.com>
Date: Fri, 13 Feb 2026 12:17:36 +0100
Subject: [PATCH] Fix trailing margin depending on boosts

---
 app/assets/stylesheets/card-perma.css | 51 +++++++++++++--------------
 1 file changed, 24 insertions(+), 27 deletions(-)

diff --git a/app/assets/stylesheets/card-perma.css b/app/assets/stylesheets/card-perma.css
index 1d00da6bb..3b9cbdcc3 100644
--- a/app/assets/stylesheets/card-perma.css
+++ b/app/assets/stylesheets/card-perma.css
@@ -34,6 +34,26 @@
       }
     }
 
+    @media (max-width: 639px) {
+      &:has(.card__closed) {
+        padding-block-start: 2rem;
+      }
+
+      &:has(.reactions .reaction) {
+        .card__meta-avatars--assignees {
+          margin-inline-end: unset;
+        }
+      }
+
+      &:not(:has(.reactions .reaction)) {
+        &:has(.card__closed) {
+          .card__meta-text--assignees {
+            margin-inline-end: calc(var(--btn-size) + var(--meta-spacer-block));
+          }
+        }
+      }
+    }
+
     @media (max-width: 799px) {
       --half-btn-height: 1.25rem;
       --padding-inline: 1.5ch;
@@ -116,9 +136,9 @@
         grid-template-areas:
           "avatars-author text-added"
           "avatars-author text-author"
-          "... text-updated"
-          "... text-assignees"
-          "... avatars-assignees";
+          "text-updated text-updated"
+          "text-assignees text-assignees"
+          "avatars-assignees avatars-assignees";
         grid-template-columns: auto 1fr;
 
         .card__meta-text {
@@ -126,14 +146,6 @@
           padding: 0;
         }
 
-        &:has(.card__meta-avatars--assignees .avatar) {
-          &:not(:has(.reaction)) {
-            .card__meta-avatars--assignees {
-              margin-inline-end: calc(var(--btn-size) + var(--meta-spacer-block));
-            }
-          }
-        }
-
         .card__meta-text + .card__meta-text {
           border-block-start: var(--card-border);
           margin-block-start: var(--meta-spacer-block);
@@ -141,7 +153,7 @@
         }
 
         .card__meta-avatars--assignees {
-          margin-inline-start: unset;
+          margin-inline: 0 calc(var(--btn-size) + var(--meta-spacer-block));
           margin-block-start: var(--meta-spacer-block);
         }
 
@@ -155,21 +167,6 @@
       }
     }
 
-    @media (max-width: 639px) {
-      &:not(:has(.reactions .reaction)):is(
-        :not(:has(.card__meta-avatars--assignees .avatar)),
-        :has(.card__closed)
-      ) {
-        .card__meta-text--assignees {
-          margin-inline-end: calc(var(--btn-size) + var(--meta-spacer-block));
-        }
-      }
-
-      &:has(.card__closed) {
-        padding-block-start: 2rem;
-      }
-    }
-
     .card__stages {
       max-inline-size: 32ch;