fix styling when logged in (#119)

mamba-org · May 2, 2022 · a9e1640 · a9e1640
1 parent cbbf851
commit a9e1640
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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;