From dae482906d3aef8d73619ea3b538f156ac27589f Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 15 May 2025 10:34:14 -0400
Subject: [PATCH] More style fixes

---
 src/lib/e_app_sys_menu.svelte | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/lib/e_app_sys_menu.svelte b/src/lib/e_app_sys_menu.svelte
index ffb5aeb6..91b28720 100644
--- a/src/lib/e_app_sys_menu.svelte
+++ b/src/lib/e_app_sys_menu.svelte
@@ -76,7 +76,9 @@ max-w-max -->
     class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn}
     > -->
      <!-- && !$ae_loc?.app_cfg?.show_element__menu -->
-      <!-- !$ae_loc?.app_cfg?.show_element__menu_btn -->
+      <!-- !$ae_loc
+       ?.app_cfg?.show_element__menu_btn -->
+       <!-- bg-blue-100/60 dark:bg-blue-800/50 -->
 <!-- We need to be able to hide the menu button in certain situations. Mainly iframes. -->
 <section
     class="
@@ -84,9 +86,9 @@ max-w-max -->
         flex flex-col-reverse gap-1
         items-end justify-center
         text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg
-
+        bg-transparent
         dark:text-slate-400 dark:hover:text-slate-200
-        bg-blue-100/60 dark:bg-blue-800/50
+
         hover:bg-blue-200 hover:dark:bg-blue-900
 
         mx-1 my-2
@@ -129,7 +131,8 @@ max-w-max -->
 
         p-1
 
-        bg-white dark:dark-gray-800
+        bg-white/10 dark:dark-gray-800/10
+        hover:bg-white/100 dark:hover:bg-gray-800/100
 
         relative
         *:hover:inline
@@ -137,9 +140,12 @@ max-w-max -->
 
         opacity-50
         hover:opacity-100
+
+         min-w-full
         "
     >
 
+    {#if $ae_loc?.person_id || $ae_loc?.user_id}
     <span
         class:hidden={!$ae_loc?.app_cfg?.show_element__menu}
         class:hover:visible={$ae_loc?.app_cfg?.show_element__menu}
@@ -158,6 +164,9 @@ max-w-max -->
         <ShieldUser class="mx-1 inline-block text-gray-500" />
         {$ae_loc?.user?.username ?? '-- not set --'}<br />
     </span>
+    {/if}
+
+
 
     {#if $ae_loc.edit_mode}
         <button
@@ -200,7 +209,7 @@ max-w-max -->
     <div class="flex flex-row gap-1 items-center justify-between transition-all w-auto">
         {#if $ae_loc.access_type && $ae_loc.access_type != 'anonymous'}
             <span
-                class="*:hover:inline"
+                class="*:hover:inline flex flex-row gap-1 items-center justify-between"
                 title={`Current access type/level: ${$ae_loc.access_type}`}
                 >
                 <!-- <span class="fas fa-unlock mx-1"></span> -->