From 0f3f25a41231d58ef9f82d9fd3f75a6e31f2a9bf Mon Sep 17 00:00:00 2001
From: Florian Heinz <mail@hnz.io>
Date: Thu, 21 May 2026 18:52:57 +0200
Subject: [PATCH] Improve mobile card text layout

---
 assets/css/app.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 2c3a1b9..bf62245 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -4831,17 +4831,30 @@ input[type="range"] {
     .timeline-card__body {
         display: flex;
         flex-direction: column;
+        width: 100%;
         min-width: 0;
     }
 
     .timeline-card__body h3 {
-        padding-right: 5.2rem;
+        width: 100%;
+        padding-right: 0;
+        font-size: 1.12rem;
+        font-weight: 520;
+        line-height: 1.28;
+        letter-spacing: -0.018em;
         overflow-wrap: anywhere;
     }
 
     .timeline-card__comment,
     .timeline-card__value {
+        width: 100%;
+        max-width: none;
+        font-size: 1.02rem;
+        line-height: 1.34;
+        letter-spacing: -0.012em;
         overflow-wrap: anywhere;
+        word-break: normal;
+        hyphens: auto;
     }
 
     .timeline-media-button {
@@ -4868,7 +4881,7 @@ input[type="range"] {
         flex-wrap: wrap;
         order: -1;
         gap: 0.45rem;
-        margin: 0 0 0.85rem;
+        margin: 0 0 1rem;
     }
 
     .timeline-card .signal-pill {