From 831e06e8d787f436196d42e5ca69a2400bef527c Mon Sep 17 00:00:00 2001
From: jacobshandling <61553566+jacobshandling@users.noreply.github.com>
Date: Thu, 22 May 2025 10:19:38 -0700
Subject: [PATCH] UI: User menu- restore 2 dividers, remove border radius
 (#29376)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## For #27609

<img width="179" alt="Screenshot 2025-05-21 at 4 53 45 PM"
src="https://github.com/user-attachments/assets/acfb15c1-a743-4a3a-9e6b-c2a7c9521f5b"
/>

This PR implements [the desired
UI](https://github.com/fleetdm/fleet/issues/27609#issuecomment-2885250756)
for the user menu

- ~[ ] Changes file added for user-visible changes in `changes/`~ [added
in previous
PR](https://github.com/fleetdm/fleet/pull/29066/files#diff-a072b167801f952e1d37dc5fdb98a4c292f95832b4d9c5e4eff40161ca3a40eaR1)
- [x] Manual QA for all new/changed functionality

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
---
 frontend/components/top_nav/UserMenu/UserMenu.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/components/top_nav/UserMenu/UserMenu.tsx b/frontend/components/top_nav/UserMenu/UserMenu.tsx
index fe3bb804a1..89b670d0e5 100644
--- a/frontend/components/top_nav/UserMenu/UserMenu.tsx
+++ b/frontend/components/top_nav/UserMenu/UserMenu.tsx
@@ -227,7 +227,6 @@ const UserMenu = ({
       ...provided,
       padding: "10px 8px",
       fontSize: "15px",
-      borderRadius: "4px",
       backgroundColor: getOptionBackgroundColor(state),
       color: COLORS["tooltip-bg"],
       whiteSpace: "nowrap",
@@ -237,6 +236,9 @@ const UserMenu = ({
       "&:active": {
         backgroundColor: COLORS["ui-vibrant-blue-25"],
       },
+      "&:last-child, &:nth-last-of-type(2)": {
+        borderTop: `1px solid ${COLORS["ui-fleet-black-10"]}`,
+      },
     }),
   };