From 212def12a5c7e72b061d1eacd3413ba6344e0cde Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Sun, 3 May 2026 18:09:06 +0100
Subject: [PATCH] appview/pages: fix stacking order in profilebase

caused funky behavior with popups

Signed-off-by: oppiliappan <me@oppi.li>
---
 appview/pages/templates/fragments/tinyAvatarList.html      | 2 +-
 appview/pages/templates/layouts/profilebase.html           | 4 ++--
 appview/pages/templates/user/fragments/picLink.html        | 2 +-
 appview/pages/templates/user/fragments/profilePopover.html | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/appview/pages/templates/fragments/tinyAvatarList.html b/appview/pages/templates/fragments/tinyAvatarList.html
index 3482b3df..202b7663 100644
--- a/appview/pages/templates/fragments/tinyAvatarList.html
+++ b/appview/pages/templates/fragments/tinyAvatarList.html
@@ -11,7 +11,7 @@
     {{ end }}
 
     {{ if gt (len $all) 5 }}
-      <span class="pl-4 text-gray-500 dark:text-gray-400 text-sm">
+      <span class="pl-4 text-sm">
         +{{ sub (len $all) 5 }}
       </span>
     {{ end }}
diff --git a/appview/pages/templates/layouts/profilebase.html b/appview/pages/templates/layouts/profilebase.html
index ce91c3ea..57ca1086 100644
--- a/appview/pages/templates/layouts/profilebase.html
+++ b/appview/pages/templates/layouts/profilebase.html
@@ -31,7 +31,7 @@
 
 {{ define "content" }}
   {{ if not .Card.HasProfile }}
-  <section class="bg-white dark:bg-gray-800 px-2 py-6 md:p-6 rounded w-full dark:text-white drop-shadow-sm">
+  <section class="bg-white dark:bg-gray-800 px-2 py-6 md:p-6 rounded w-full dark:text-white shadow-sm">
     <div class="flex items-center gap-6 p-4">
       <img class="w-28 h-28 shrink-0 object-cover rounded-full" src="{{ profileAvatarUrl .Card.Profile "" }}" />
       <div>
@@ -43,7 +43,7 @@
   </section>
   {{ else }}
   {{ template "profileTabs" . }}
-  <section class="bg-white dark:bg-gray-800 px-2 py-6 md:p-6 rounded w-full dark:text-white drop-shadow-sm">
+  <section class="bg-white dark:bg-gray-800 px-2 py-6 md:p-6 rounded w-full dark:text-white shadow-sm">
     <div class="grid grid-cols-1 md:grid-cols-11 gap-4">
       {{ $style := "hidden md:block md:col-span-3" }}
       {{ if eq $.Active "overview" }}
diff --git a/appview/pages/templates/user/fragments/picLink.html b/appview/pages/templates/user/fragments/picLink.html
index a769c481..07a42671 100644
--- a/appview/pages/templates/user/fragments/picLink.html
+++ b/appview/pages/templates/user/fragments/picLink.html
@@ -53,7 +53,7 @@
     {{ end }}
     <div data-profile-popover
          data-vouch-modal-id="{{ normalizeForHtmlId $did }}"
-         class="hidden z-[9999] pt-1 w-72"
+         class="hidden z-[9999] pt-1 w-80"
          style="position:fixed;">
       <div data-profile-popover-content
            class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded shadow-sm p-3">
diff --git a/appview/pages/templates/user/fragments/profilePopover.html b/appview/pages/templates/user/fragments/profilePopover.html
index 3cf20f83..030a8eb1 100644
--- a/appview/pages/templates/user/fragments/profilePopover.html
+++ b/appview/pages/templates/user/fragments/profilePopover.html
@@ -1,6 +1,6 @@
 {{ define "user/fragments/profilePopover" }}
 {{ $handle := resolve .UserDid }}
-<div class="space-y-2 dark:text-white">
+<div class="space-y-2 text-gray-900 dark:text-white">
 
   <div class="flex items-center flex-row flex-nowrap gap-2">
     <a href="/{{ $handle }}">
-- 
2.51.2