From 97ab7ee2c09fe95eda5b117ff3eba84a0cc144dd Mon Sep 17 00:00:00 2001 From: Robert Long Date: Tue, 18 Jan 2022 13:34:42 -0800 Subject: [PATCH] Fix user menu styles --- src/Menu.module.css | 2 +- src/UserMenu.jsx | 7 ++++--- src/UserMenu.module.css | 5 +++++ 3 files changed, 10 insertions(+), 4 deletions(-) diff --git a/src/Menu.module.css b/src/Menu.module.css index bb75cec..8291e58 100644 --- a/src/Menu.module.css +++ b/src/Menu.module.css @@ -16,7 +16,7 @@ } .menuItem > * { - margin-right: 10px; + margin: 0 10px 0 0; } .menuItem > :last-child { diff --git a/src/UserMenu.jsx b/src/UserMenu.jsx index 8e83ca9..ad4dd10 100644 --- a/src/UserMenu.jsx +++ b/src/UserMenu.jsx @@ -10,6 +10,7 @@ import { ReactComponent as LoginIcon } from "./icons/Login.svg"; import { ReactComponent as LogoutIcon } from "./icons/Logout.svg"; import styles from "./UserMenu.module.css"; import { useLocation } from "react-router-dom"; +import { Body } from "./typography/Typography"; export function UserMenu({ disableLogout, @@ -83,9 +84,9 @@ export function UserMenu({ {(props) => ( {items.map(({ key, icon: Icon, label }) => ( - - - {label} + + + {label} ))} diff --git a/src/UserMenu.module.css b/src/UserMenu.module.css index 8cda2eb..30692a6 100644 --- a/src/UserMenu.module.css +++ b/src/UserMenu.module.css @@ -1,3 +1,8 @@ +.menuIcon { + width: 24px; + height: 24px; +} + .userButton svg * { fill: var(--textColor1); }