From e9982b0884f2f76dec3865e498dcb1b8ac9280d1 Mon Sep 17 00:00:00 2001
From: wajeht <58354193+wajeht@users.noreply.github.com>
Date: Thu, 28 Nov 2024 15:40:19 -0600
Subject: [PATCH] style(header): Update user dropdown styles and add horizontal
 rule

---
 src/views/components/header.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/components/header.html b/src/views/components/header.html
index f1c63a6..937f7e1 100644
--- a/src/views/components/header.html
+++ b/src/views/components/header.html
@@ -12,13 +12,13 @@ <h1><a href="/apps">🔔 Notify</a></h1>
 
     <details style="position: relative;">
       <summary><%= state.user.username %> 👤</summary>
-      <div style="position: absolute; top: 100%; left: 0; z-index: 1; border: dashed; display: flex; flex-direction: column; padding: 10px; background-color: var(--background-color); border-radius: 5px;">
+      <div style="position: absolute; top: 100%; right: 0; z-index: 1; border: dashed; display: flex; flex-direction: column; padding: 10px; background-color: var(--background-color); border-radius: 5px; min-width: 150px; gap: 10px;">
         <% if (state.user.is_admin) { %>
           <a style="font-weight: <%= (path === '/admin' || path === '/admin/users') ? 'bold' : 'normal' %>; <%= (path === '/admin' || path === '/admin/users') ? 'text-decoration: underline' : null %>" href="/admin">🛡️ Admin</a>
         <% } %>
 
         <a style="font-weight: <%= path === '/settings' ? 'bold' : 'normal' %>; <%= path === '/settings' ? 'text-decoration: underline' : null %>" href="/settings">⚙️ Settings</a>
-
+        <hr style="border: none; border-top: dashed 1px; margin: 5px 0;">
         <a href="/logout">🚪 Logout</a>
       </div>
     </details>