From d4f048df9b784f8855e203541c1bdc8a7eadf4b8 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 27 Aug 2025 11:37:09 -0500
Subject: [PATCH] Fix timestamp alignment on pinned cards

---
 app/assets/stylesheets/trays.css | 68 +++++++++++++++++---------------
 1 file changed, 37 insertions(+), 31 deletions(-)

diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css
index f501bc956..a70760396 100644
--- a/app/assets/stylesheets/trays.css
+++ b/app/assets/stylesheets/trays.css
@@ -389,43 +389,15 @@
       display: none;
     }
 
-    .card__body {
-      display: block;
-      margin: 0;
-    }
-
-    .card__footer {
-      margin-block: -0.2em 2em;
-    }
-
     .card__header {
       margin-block-start: calc(var(--card-padding-block) * -1.1);
       margin-inline: calc(-1 * var(--card-padding-inline));
       max-inline-size: unset;
     }
 
-    .workflow-stage--current {
-      transition: translate 150ms ease-out;
-
-      [open] & {
-        translate: -2em;
-      }
-    }
-
-    .card__link {
-      z-index: 1;
-    }
-
-    .card__meta-text--updated {
-      border: 0;
-      font-size: var(--text-x-small);
-      opacity: 0.66;
-      padding: 0;
-      text-transform: none;
-
-      .local-time-value {
-        font-weight: normal;
-      }
+    .card__body {
+      display: block;
+      margin: 0;
     }
 
     .workflow-stage--current {
@@ -438,6 +410,40 @@
       flex: 0 1 auto;
       inline-size: fit-content;
       margin: 0 0 0 auto;
+      transition: translate 150ms ease-out;
+
+      [open] & {
+        translate: -2em;
+      }
+    }
+
+    .card__link {
+      z-index: 1;
+    }
+
+    .card__footer {
+      margin-block: -0.2em 2em;
+    }
+
+    .card__meta {
+      grid-template-areas: "text-updated";
+      grid-template-columns: 1fr;
+    }
+
+    .card__meta-text {
+      line-height: 1.5;
+    }
+
+    .card__meta-text--updated {
+      border: 0;
+      font-size: var(--text-x-small);
+      opacity: 0.66;
+      padding: 0;
+      text-transform: none;
+
+      .local-time-value {
+        font-weight: normal;
+      }
     }
 
     .card__bubble {