From 36949a45ac485ddc41e9135c2bca9608b62dee1a Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Wed, 13 Aug 2025 16:50:41 +0000
Subject: [PATCH] appview: ui: signify forks with icon, adjust layout

non-forked repos show a book icon, forked repos show a fork icon

Signed-off-by: Samuel Newman <mozzius@protonmail.com>
---
 appview/pages/templates/layouts/repobase.html | 2 +-
 appview/pages/templates/user/fragments/repoCard.html | 23 ++++++++++-------------
 2 file(s) changed, 11 insertion(s)(+), 14 deletion(s)(-)

diff --git a/appview/pages/templates/layouts/repobase.html b/appview/pages/templates/layouts/repobase.html
--- a/appview/pages/templates/layouts/repobase.html
+++ b/appview/pages/templates/layouts/repobase.html
@@ -5,7 +5,7 @@
       {{ if .RepoInfo.Source }}
       <p class="text-sm">
       <div class="flex items-center">
-          {{ i "git-fork" "w-3 h-3 mr-1"}}
+          {{ i "git-fork" "w-3 h-3 mr-1 shrink-0" }}
           forked from
           {{ $sourceOwner := didOrHandle .RepoInfo.Source.Did .RepoInfo.SourceHandle  }}
           <a class="ml-1 underline" href="/{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}">{{ $sourceOwner }}/{{ .RepoInfo.Source.Name }}</a>
diff --git a/appview/pages/templates/user/fragments/repoCard.html b/appview/pages/templates/user/fragments/repoCard.html
--- a/appview/pages/templates/user/fragments/repoCard.html
+++ b/appview/pages/templates/user/fragments/repoCard.html
@@ -4,8 +4,13 @@
   {{ $fullName := index . 2 }}
 
   {{ with $repo }}
-    <div class="py-4 px-6 drop-shadow-sm rounded bg-white dark:bg-gray-800">
-      <div class="font-medium dark:text-white flex gap-2 items-center">
+    <div class="py-4 px-6 gap-2 flex flex-col drop-shadow-sm rounded bg-white dark:bg-gray-800">
+      <div class="font-medium dark:text-white flex items-center">
+        {{ if .Source }}
+          {{ i "git-fork" "w-4 h-4 mr-1.5 shrink-0" }}
+        {{ else }}
+          {{ i "book-marked" "w-4 h-4 mr-1.5 shrink-0" }}
+        {{ end }}
         {{- if $fullName -}}
           <a href="/{{ index $root.DidHandleMap .Did }}/{{ .Name }}"
             >{{ index $root.DidHandleMap .Did }}/{{ .Name }}</a
@@ -16,12 +21,6 @@
           >
         {{- end -}}
       </div>
-      {{ if .Source }}
-        <div class="flex items-center my-0.5 text-sm">
-          {{ i "git-fork" "w-3 h-3 mr-1" }}
-          fork
-        </div>
-      {{ end }}
       {{ with .Description }}
         <div class="text-gray-600 dark:text-gray-300 text-sm">
           {{ . }}
@@ -36,13 +35,11 @@
 {{ end }}
 
 {{ define "repoStats" }}
-  <div class="text-gray-400 pt-4 text-sm font-mono inline-flex gap-4 mt-auto">
+  <div class="text-gray-400 text-sm font-mono inline-flex gap-4 mt-auto">
     {{ with .Language }}
       <div class="flex gap-2 items-center text-sm">
-        <div
-          class="size-2 rounded-full"
-          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"
-        ></div>
+        <div class="size-2 rounded-full"
+          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"></div>
         <span>{{ . }}</span>
       </div>
     {{ end }}

--
tangled.sh