From 4b1ef5d5ecf013782ff2900239524f9deb28cd43 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Thu, 15 Apr 2021 02:23:55 -0400
Subject: [PATCH] Update toolbar

---
 src/views/toolbar/ToolbarView.scss | 16 ++++++----------
 src/views/toolbar/ToolbarView.tsx  |  2 +-
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/views/toolbar/ToolbarView.scss b/src/views/toolbar/ToolbarView.scss
index dd6793e4..936ace53 100644
--- a/src/views/toolbar/ToolbarView.scss
+++ b/src/views/toolbar/ToolbarView.scss
@@ -15,24 +15,20 @@
             cursor: pointer;
             padding: unset;
             min-width: 50px;
+            min-height: 60px;
             width: 50px;
+            height: 60px;
             margin: 0 5px;
-
+            overflow: hidden;
 
             &:active {
                 -webkit-transform: translate(0, 1px);
                 transform: translate(0, 1px);
             }
 
-            &.avatar-image {
-                width: 65px;
-                height: 60px;
-
-                img {
-                    position: relative;
-                    top: 12px;
-                    right: 5px;
-                }
+            .avatar-image {
+                top: 20px;
+                left: -5px;
             }
 
             .icon,
diff --git a/src/views/toolbar/ToolbarView.tsx b/src/views/toolbar/ToolbarView.tsx
index 9ed795b9..82d6860f 100644
--- a/src/views/toolbar/ToolbarView.tsx
+++ b/src/views/toolbar/ToolbarView.tsx
@@ -52,7 +52,7 @@ export function ToolbarView(props: ToolbarViewProps): JSX.Element
                         { (unseenFriendListCount > 0) && (
                             <div className="position-absolute bg-danger px-1 py-0 rounded shadow count">{ unseenFriendListCount }</div>) }
                     </li>
-                    <li className="list-group-item avatar-image">
+                    <li className="list-group-item">
                         { userInfo && <AvatarImageView figure={ userInfo.figure } direction={ 2 } headOnly={ true } /> }
                         { (unseenAchievementsCount > 0) && (
                             <div className="position-absolute bg-danger px-1 py-0 rounded shadow count">{ unseenAchievementsCount }</div>) }