From 3ee002a15f72974196cca53b95b070cc0fb8174b Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Sun, 17 Aug 2025 18:57:33 +0100
Subject: [PATCH] appview/pages: fix clone-instructions in mobile

and fix empty-repo rendering.

Signed-off-by: oppiliappan <me@oppi.li>
---
 appview/pages/templates/repo/empty.html             |  4 ----
 .../templates/repo/fragments/cloneDropdown.html     |  6 +++---
 appview/pages/templates/repo/index.html             | 13 +++++++------
 3 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/appview/pages/templates/repo/empty.html b/appview/pages/templates/repo/empty.html
index 7190f132..188c10d9 100644
--- a/appview/pages/templates/repo/empty.html
+++ b/appview/pages/templates/repo/empty.html
@@ -44,7 +44,3 @@
     {{ end }}
   </main>
 {{ end }}
-
-{{ define "repoAfter" }}
-    {{ template "repo/fragments/cloneInstructions" . }}
-{{ end }}
diff --git a/appview/pages/templates/repo/fragments/cloneDropdown.html b/appview/pages/templates/repo/fragments/cloneDropdown.html
index 0adad8d8..6a225a8e 100644
--- a/appview/pages/templates/repo/fragments/cloneDropdown.html
+++ b/appview/pages/templates/repo/fragments/cloneDropdown.html
@@ -7,7 +7,7 @@
     <details id="clone-dropdown" class="relative inline-block text-left group">
         <summary class="btn-create cursor-pointer list-none flex items-center gap-2">
             {{ i "download" "w-4 h-4" }}
-            <span>code</span>
+            <span class="hidden md:inline">code</span>
             <span class="group-open:hidden">
                 {{ i "chevron-down" "w-4 h-4" }}
             </span>
@@ -16,7 +16,7 @@
             </span>
         </summary>
 
-        <div class="absolute right-0 mt-2 w-96 bg-white dark:bg-gray-800 rounded border border-gray-200 dark:border-gray-700 drop-shadow dark:text-white z-[9999]">
+        <div class="absolute right-0 mt-2 w-96 bg-white dark:bg-gray-800 rounded border border-gray-200 dark:border-gray-700 drop-shadow-sm dark:text-white z-[9999]">
             <div class="p-4">
                 <div class="mb-3">
                     <h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">Clone this repository</h3>
@@ -84,7 +84,7 @@
         function copyToClipboard(button, text) {
             navigator.clipboard.writeText(text).then(() => {
                 const originalContent = button.innerHTML;
-                button.innerHTML = `{{ i "copy-check" "w-4 h-4" }}`;
+                button.innerHTML = `{{ i "check" "w-4 h-4" }}`;
                 setTimeout(() => {
                     button.innerHTML = originalContent;
                 }, 2000);
diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
index 49881ece..6a3bfb56 100644
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -14,16 +14,17 @@
         {{ end }}
         <div class="flex items-center justify-between pb-5">
           {{ block "branchSelector" . }}{{ end }}
-          <div class="flex md:hidden items-center gap-4">
-            <a href="/{{ .RepoInfo.FullName }}/commits/{{ .Ref | urlquery }}" class="inline-flex items-center text-sm gap-1">
+          <div class="flex md:hidden items-center gap-2">
+            <a href="/{{ .RepoInfo.FullName }}/commits/{{ .Ref | urlquery }}" class="inline-flex items-center text-sm gap-1 font-bold">
               {{ i "git-commit-horizontal" "w-4" "h-4" }} {{ .TotalCommits }}
             </a>
-            <a href="/{{ .RepoInfo.FullName }}/branches" class="inline-flex items-center text-sm gap-1">
+            <a href="/{{ .RepoInfo.FullName }}/branches" class="inline-flex items-center text-sm gap-1 font-bold">
               {{ i "git-branch" "w-4" "h-4" }} {{ len .Branches }}
             </a>
-            <a href="/{{ .RepoInfo.FullName }}/tags" class="inline-flex items-center text-sm gap-1">
+            <a href="/{{ .RepoInfo.FullName }}/tags" class="inline-flex items-center text-sm gap-1 font-bold">
               {{ i "tags" "w-4" "h-4" }} {{ len .Tags }}
             </a>
+            {{ template "repo/fragments/cloneDropdown" . }}
           </div>
         </div>
         <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
@@ -125,9 +126,9 @@
           </a>
       </div>
     </div>
-    
+
     <!-- Clone dropdown in top right -->
-    <div class="flex items-center">
+    <div class="hidden md:flex items-center ">
         {{ template "repo/fragments/cloneDropdown" . }}
     </div>
   </div>
-- 
2.51.2