From ac6652ac16e83c9bd0037f9fab14725e24f83856 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Tue, 20 May 2025 18:47:55 +0100
Subject: [PATCH] appview: pulls: improve stacking UI on narrow displays

---
 .../templates/repo/pulls/fragments/pullStack.html    | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/appview/pages/templates/repo/pulls/fragments/pullStack.html b/appview/pages/templates/repo/pulls/fragments/pullStack.html
index 41d5e49..1a87ea7 100644
--- a/appview/pages/templates/repo/pulls/fragments/pullStack.html
+++ b/appview/pages/templates/repo/pulls/fragments/pullStack.html
@@ -10,15 +10,17 @@
 
 {{ define "summarizedHeader" }}
   <div class="flex text-sm items-center justify-between w-full">
-    <div class="flex items-center gap-2 text-ellipsis">
-      {{ block "summarizedPullState" . }} {{ end }}
-      <span>
+    <div class="flex items-center gap-2 min-w-0 flex-1 pr-2">
+      <div class="flex-shrink-0">
+        {{ block "summarizedPullState" . }} {{ end }}
+      </div>
+      <span class="truncate text-sm text-gray-800 dark:text-gray-200">
         <span class="text-gray-500 dark:text-gray-400">#{{ .PullId }}</span>
         {{ .Title }}
       </span>
     </div>
 
-    <div>
+    <div class="flex-shrink-0">
       {{ $latestRound := .LastRoundNumber }}
       {{ $lastSubmission := index .Submissions $latestRound }}
       {{ $commentCount := len $lastSubmission.Comments }}
@@ -72,7 +74,7 @@
           {{ if $isCurrent }}
           {{ i "arrow-right" "w-4 h-4" }}
           {{ end }}
-          <div class="{{ if not $isCurrent }} ml-6 {{ end }} w-full py-2">
+          <div class="{{ if not $isCurrent }} pl-6 {{ end }} w-full py-2">
             {{ block "summarizedHeader" $pull }} {{ end }}
           </div>
         </div>
-- 
2.51.2