From e3aad71c6ba07dbe3e264048ed6f0cc1adc7038c Mon Sep 17 00:00:00 2001
From: Wolf Vollprecht <w.vollprecht@gmail.com>
Date: Mon, 2 May 2022 15:21:37 +0200
Subject: [PATCH] fix styling when logged in

---
 packages/menu-extension/src/menu.tsx   | 5 ++---
 packages/menu-extension/style/base.css | 4 ++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/menu-extension/src/menu.tsx b/packages/menu-extension/src/menu.tsx
index 107b9b9..1e684a0 100644
--- a/packages/menu-extension/src/menu.tsx
+++ b/packages/menu-extension/src/menu.tsx
@@ -172,13 +172,12 @@ export class MenuButton extends ReactWidget {
                       src={profile.avatar_url}
                       shape="circle"
                       alt={`${profile.name.slice(0, 2).toLocaleUpperCase()}`}
-                    ></Avatar>
+                      style={{ width: '28px', height: '28px' }}
+                    />
                     <span className="hamburger-menu-text">Menu</span>
                     <hamburgerIcon.react
                       className="hamburger-icon"
                       tag="span"
-                      width="28px"
-                      height="28px"
                     />
                   </div>
                 )}
diff --git a/packages/menu-extension/style/base.css b/packages/menu-extension/style/base.css
index d9e3684..583dc41 100644
--- a/packages/menu-extension/style/base.css
+++ b/packages/menu-extension/style/base.css
@@ -48,6 +48,10 @@
   transform: translate(-3px, 2px);
 }
 
+#login-menu jp-avatar {
+  transform: translate(-3px, 0px);
+}
+
 .hamburger-icon {
   display: block;
   border-left: 1px solid #888;