From fd5328e019c48bada69a0fe2adbbdb83437afb11 Mon Sep 17 00:00:00 2001
From: Anirudh Oppiliappan <anirudh@tangled.org>
Date: Mon, 16 Feb 2026 16:59:05 +0200
Subject: [PATCH] appview/pages: fix alignment of lastCommitPanel on mobile

Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.org>
---
 .../templates/repo/fragments/lastCommitPanel.html    | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/appview/pages/templates/repo/fragments/lastCommitPanel.html b/appview/pages/templates/repo/fragments/lastCommitPanel.html
index 4a3c4eb0..9e675dd2 100644
--- a/appview/pages/templates/repo/fragments/lastCommitPanel.html
+++ b/appview/pages/templates/repo/fragments/lastCommitPanel.html
@@ -1,7 +1,7 @@
 {{ define "repo/fragments/lastCommitPanel" }}
   {{ $messageParts := splitN .LastCommitInfo.Message "\n\n" 2 }}
-  <div class="pb-2 mb-3 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between text-sm">
-    <div class="flex items-center gap-1">
+  <div class="pb-2 mb-3 border-b border-gray-200 dark:border-gray-700 flex flex-col md:flex-row md:items-center md:justify-between text-sm gap-2">
+    <div class="flex flex-col md:flex-row md:items-center gap-1">
       {{ if .LastCommitInfo.Author }}
         {{ $authorDid := index .EmailToDid .LastCommitInfo.Author.Email }}
         <span class="flex items-center gap-1">
@@ -12,18 +12,18 @@
                 <a href="mailto:{{ .LastCommitInfo.Author.Email }}" class="no-underline hover:underline">{{ .LastCommitInfo.Author.Name }}</a>
             {{ end }}
         </span>
-        <span class="px-1 select-none before:content-['\00B7']"></span>
+        <span class="hidden md:inline px-1 select-none before:content-['\00B7']"></span>
       {{ end }}
       <a href="/{{ .RepoInfo.FullName }}/commit/{{ .LastCommitInfo.Hash }}"
         class="inline no-underline hover:underline dark:text-white">
         {{ index $messageParts 0 }}
       </a>
-      <span class="px-1 select-none before:content-['\00B7']"></span>
+      <span class="hidden md:inline px-1 select-none before:content-['\00B7']"></span>
       <span class="text-gray-400 dark:text-gray-500">{{ template "repo/fragments/time" .LastCommitInfo.When }}</span>
     </div>
     <a href="/{{ .RepoInfo.FullName }}/commit/{{ .LastCommitInfo.Hash.String }}"
-       class="no-underline hover:underline text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-900 px-2 py-1 rounded font-mono text-xs">
+       class="no-underline hover:underline text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-900 px-2 py-1 rounded font-mono text-xs w-fit">
         {{ slice .LastCommitInfo.Hash.String 0 8 }}
     </a>
   </div>
-{{ end }}
+{{ end }}
\ No newline at end of file
-- 
2.51.2