From b1241bc3ac28e05f1108435ecd27a0a14a957321 Mon Sep 17 00:00:00 2001
From: Anirudh Oppiliappan <x@icyphox.sh>
Date: Wed, 9 Apr 2025 19:07:28 +0300
Subject: [PATCH] appview: pages/repo/pulls: prevent overflow in comments on
 mobile

Forces smaller viewports to w-full all comments; on bigger screens we set a max-width of 3/5.
---
 appview/pages/templates/repo/pulls/pull.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/appview/pages/templates/repo/pulls/pull.html b/appview/pages/templates/repo/pulls/pull.html
index dccbe72e..b80c1604 100644
--- a/appview/pages/templates/repo/pulls/pull.html
+++ b/appview/pages/templates/repo/pulls/pull.html
@@ -127,7 +127,7 @@
         </summary>
         <div class="md:pl-12 flex flex-col gap-2 mt-2 relative">
           {{ range .Comments }}
-            <div id="comment-{{.ID}}" class="bg-white dark:bg-gray-800 rounded drop-shadow-sm py-2 px-4 relative w-fit">
+            <div id="comment-{{.ID}}" class="bg-white dark:bg-gray-800 rounded drop-shadow-sm py-2 px-4 relative w-full md:max-w-3/5 md:w-fit">
               <div class="absolute left-8 -top-2 w-px h-2 bg-gray-300 dark:bg-gray-600"></div>
               <div class="text-sm text-gray-500 dark:text-gray-400">
                 {{ $owner := index $.DidHandleMap .OwnerDid }} 
-- 
2.51.2