From 145250a89019df8e7dcb7bae1efde82c22309969 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Thu, 17 Sep 2026 17:28:04 +0100
Subject: [PATCH] web/pulls: collapse commit rows to avatar and subject on
 narrow screens

for mobile views... tbd if we keep this

Signed-off-by: oppiliappan <me@oppi.li>
---
 Cargo.lock                                    |  1 +
 .../repo/pulls/PullCommitRow.svelte           | 20 +++++++++----------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/Cargo.lock b/Cargo.lock
index a6ce008d2..6a31d4fbf 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -8299,6 +8299,7 @@ version = "0.1.0"
 dependencies = [
  "anyhow",
  "base64",
+ "libc",
  "nix",
  "once_cell",
  "prost",
diff --git a/web/src/lib/components/repo/pulls/PullCommitRow.svelte b/web/src/lib/components/repo/pulls/PullCommitRow.svelte
index 17e692ea0..6b260b36b 100644
--- a/web/src/lib/components/repo/pulls/PullCommitRow.svelte
+++ b/web/src/lib/components/repo/pulls/PullCommitRow.svelte
@@ -62,7 +62,7 @@
 	role="none"
 	{onpointerenter}
 	{onpointerleave}
-	class="relative grid min-h-10 flex-1 grid-cols-[5rem_minmax(0,1fr)_2.5rem_7rem] gap-x-2 px-3"
+	class="relative grid min-h-10 flex-1 grid-cols-[minmax(0,1fr)] gap-x-2 px-3 sm:grid-cols-[5rem_minmax(0,1fr)_2.5rem_7rem]"
 >
 	{#if onclick}
 		<button
@@ -78,7 +78,7 @@
 		<span
 			role="button"
 			tabindex="0"
-			class="relative col-start-1 row-start-1 flex h-10 w-fit cursor-pointer items-center typography-monospace-regular text-foreground-muted select-text"
+			class="relative col-start-1 row-start-1 hidden h-10 w-fit cursor-pointer items-center typography-monospace-regular text-foreground-muted select-text sm:flex"
 			title={showChangeId ? "Show commit hashes" : "Show change IDs"}
 			onclick={flipIds}
 			oncontextmenu={selectId}
@@ -92,13 +92,13 @@
 		</span>
 	{:else}
 		<span
-			class="col-start-1 row-start-1 flex h-10 items-center truncate typography-monospace-regular text-foreground-muted select-text"
+			class="col-start-1 row-start-1 hidden h-10 items-center truncate typography-monospace-regular text-foreground-muted select-text sm:flex"
 		>
 			{id}
 		</span>
 	{/if}
 	<div
-		class="pointer-events-none relative col-start-2 row-start-1 flex h-10 min-w-0 items-center gap-2"
+		class="pointer-events-none relative col-start-1 row-start-1 flex h-10 min-w-0 items-center gap-2 sm:col-start-2"
 	>
 		{#if showAvatar}
 			{#if commit.authorHandle && commit.authorDid}
@@ -114,13 +114,13 @@
 				<Avatar handle={commit.authorName} size="large" />
 			{/if}
 		{/if}
-		<span class="truncate">{commit.subject}</span>
+		<span class="min-w-0 truncate">{commit.subject}</span>
 		{#if signOffs.length > 0}
 			<CommitSignOff {signOffs} class="pointer-events-auto" />
 		{/if}
 		{#if hasBody}
 			<CommitBodyToggle
-				class="pointer-events-auto"
+				class="pointer-events-auto hidden sm:block"
 				{expanded}
 				onclick={() => (expanded = !expanded)}
 			/>
@@ -128,7 +128,7 @@
 		{#if pipelineStatuses}
 			{#await pipelineStatuses then statuses}
 				{#if statuses[commit.hash]}
-					<div class="pointer-events-auto shrink-0">
+					<div class="pointer-events-auto hidden shrink-0 sm:block">
 						<PipelineWorkflows
 							ownerHandle="tangled.org"
 							repoName="core"
@@ -142,7 +142,7 @@
 		{/if}
 	</div>
 	<div
-		class="pointer-events-none relative col-start-3 row-start-1 flex h-10 items-center justify-end"
+		class="pointer-events-none relative col-start-3 row-start-1 hidden h-10 items-center justify-end sm:flex"
 	>
 		{#if commit.commentCount}
 			<div class="flex items-center gap-1 text-foreground-muted">
@@ -152,7 +152,7 @@
 		{/if}
 	</div>
 	<div
-		class="pointer-events-none relative col-start-4 row-start-1 flex h-10 items-center justify-end"
+		class="pointer-events-none relative col-start-4 row-start-1 hidden h-10 items-center justify-end sm:flex"
 	>
 		{#if commit.stat}
 			<DiffStatPill stat={commit.stat} size="small" />
@@ -160,6 +160,6 @@
 	</div>
 	{#if hasBody && expanded}
 		<pre
-			class="col-span-3 col-start-2 row-start-2 mb-2 typography-monospace-regular whitespace-pre-wrap">{commit.body}</pre>
+			class="col-span-3 col-start-2 row-start-2 mb-2 hidden typography-monospace-regular whitespace-pre-wrap sm:block">{commit.body}</pre>
 	{/if}
 </div>
-- 
2.51.2