From 6a5ccb983cbb712a0f69d746e4939ae2d700aeeb Mon Sep 17 00:00:00 2001
From: DeLo1585 <deniz.lormann@gmx.de>
Date: Thu, 1 Oct 2026 08:10:48 +0200
Subject: [PATCH 1/3] Fix Recent Activity table collapsing FILE column on
 narrow screens (#217)

The fixed-width columns add up to 500px, so on a phone in portrait (or at
high browser zoom) the auto-width FILE column was left with ~0px.
word-break: break-word (alias of overflow-wrap: anywhere) plus min-width: 0
then let it collapse to one character per line.

- give the table a min-width so FILE keeps ~220px
- enable horizontal scrolling on .recent-activity-scroll
- use overflow-wrap: break-word for the filename cell
---
 web/static/css/custom.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/static/css/custom.css b/web/static/css/custom.css
index aa2cde6..4800a1a 100644
--- a/web/static/css/custom.css
+++ b/web/static/css/custom.css
@@ -154,6 +154,7 @@ footer {
 .recent-activity-scroll {
     max-height: 400px;
     overflow-y: auto;
+    overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }
 
@@ -206,6 +207,10 @@ footer {
 .recent-activity-table {
     table-layout: fixed;
     width: 100%;
+    /* Fixed columns take 500px; keep ~220px for FILE. On narrower screens
+       (phone portrait, high zoom) the table scrolls sideways inside
+       .recent-activity-scroll instead of squeezing FILE down to 0px. */
+    min-width: 720px;
 }
 .activity-col-time   { width: 130px; }
 .activity-col-action { width: 130px; }
@@ -214,9 +219,12 @@ footer {
 .activity-col-size   { width: 110px; }
 
 .activity-file-col {
-    word-break: break-word;
+    /* Not `word-break: break-word` (alias of overflow-wrap:anywhere) and no
+       `min-width: 0`: together they let the column collapse to one character
+       per line. */
+    word-break: normal;
+    overflow-wrap: break-word;
     white-space: normal;
-    min-width: 0;
 }
 .recent-activity-scroll table td:first-child {
     white-space: nowrap;

From 9f8ad0141039000c55f2c69a815689f0a52f5e39 Mon Sep 17 00:00:00 2001
From: DeLo1585 <deniz.lormann@gmx.de>
Date: Thu, 1 Oct 2026 08:10:48 +0200
Subject: [PATCH 2/3] Optional: tighter Recent Activity columns on narrow cards
 (#217)

Below a card width of 720px use narrower fixed columns so the FILE column is
reachable with a short swipe. Uses a container query so it follows the card
width rather than the viewport (the sidebar also takes space on desktop).
---
 web/static/css/custom.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/web/static/css/custom.css b/web/static/css/custom.css
index 4800a1a..8196437 100644
--- a/web/static/css/custom.css
+++ b/web/static/css/custom.css
@@ -156,6 +156,7 @@ footer {
     overflow-y: auto;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
+    container-type: inline-size; /* lets the table adapt to the card width, not the viewport */
 }
 
 /* Thin subtle scrollbar for Chrome/Safari/Edge */
@@ -230,6 +231,17 @@ footer {
     white-space: nowrap;
 }
 
+/* Narrow card (phone portrait, high browser zoom): tighter fixed columns so
+   FILE is reachable with a short swipe. Keyed to the card width, not the
+   viewport, because the sidebar also eats width on desktop. */
+@container (max-width: 719px) {
+    .recent-activity-table { min-width: 520px; }
+    .activity-col-time   { width: 80px; }
+    .activity-col-action { width: 96px; }
+    .activity-col-users  { width: 90px; }
+    .activity-col-size   { width: 100px; }
+}
+
 /* Associated files badge + expandable sub-rows */
 .af-parent {
     cursor: pointer;

From 14497231234bb33dd7dbc56ca609466fa538edf6 Mon Sep 17 00:00:00 2001
From: DeLo1585 <deniz.lormann@gmx.de>
Date: Thu, 1 Oct 2026 08:10:48 +0200
Subject: [PATCH 3/3] Optional: keep Recent Activity run header visible while
 scrolling sideways (#217)

The run header spans all five columns, so its right-aligned stat pills end up
off-screen when the table is scrolled horizontally on a narrow card. Make the
inner flex box sticky and as wide as the visible card.
---
 web/static/css/custom.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/web/static/css/custom.css b/web/static/css/custom.css
index 8196437..02bc28e 100644
--- a/web/static/css/custom.css
+++ b/web/static/css/custom.css
@@ -242,6 +242,18 @@ footer {
     .activity-col-size   { width: 100px; }
 }
 
+/* Keep the run header (title + stat pills) in view while the table is
+   scrolled sideways: it spans all 5 columns, so its right-aligned pills
+   would otherwise sit off-screen on narrow cards. */
+.run-expandable-header .run-expandable-inner {
+    position: sticky;
+    left: 0.75rem;
+    width: calc(100cqw - 1.5rem);
+    box-sizing: border-box;
+    flex-wrap: wrap;
+    row-gap: 0.35rem;
+}
+
 /* Associated files badge + expandable sub-rows */
 .af-parent {
     cursor: pointer;