From b41a110be8008504698bc29df065afed6f83b2ae Mon Sep 17 00:00:00 2001
From: DuckieTM <info@camwijs.nl>
Date: Sun, 31 Mar 2024 22:41:07 +0200
Subject: [PATCH] Fix: Toolbar Avatar number

---
 src/components/toolbar/ToolbarView.scss | 8 ++++----
 src/components/toolbar/ToolbarView.tsx  | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/toolbar/ToolbarView.scss b/src/components/toolbar/ToolbarView.scss
index 44c42fe..2a356dc 100644
--- a/src/components/toolbar/ToolbarView.scss
+++ b/src/components/toolbar/ToolbarView.scss
@@ -13,14 +13,14 @@
         position: relative;
 
         &.item-avatar {
-            overflow: hidden;
             color: #fff;
             background-color: #b69b83;
             width: 50px;
             height: 50px;
-            border-radius: 1rem;
+            border-radius: 32px;
             border: 2px solid #fff;
             padding: 1.75em;
+			position: relative;
             @include media-breakpoint-down(sm) {
                 position: fixed;
                 top: 50px;
@@ -28,8 +28,8 @@
             }
 
             .avatar-image {
-                margin-left: -5px;
-                margin-top: 25px;
+                margin-left: 0px;
+                margin-top: 45px;
             }
         }
 
diff --git a/src/components/toolbar/ToolbarView.tsx b/src/components/toolbar/ToolbarView.tsx
index 0dc47bf..940e60b 100644
--- a/src/components/toolbar/ToolbarView.tsx
+++ b/src/components/toolbar/ToolbarView.tsx
@@ -72,7 +72,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
                 <Flex gap={ 2 } alignItems="center" className="widthsizemax">
                     <Flex alignItems="center" gap={ 2 }>
                         <Flex center pointer className={ 'navigation-item item-avatar ' + (isMeExpanded ? 'active ' : '') } onClick={ event => setMeExpanded(!isMeExpanded) }>
-                            <LayoutAvatarImageView figure={ userFigure } direction={ 2 } position="absolute" />
+                            <LayoutAvatarImageView figure={ userFigure } headOnly={ true } direction={ 2 } position="absolute" />
                             { (getTotalUnseen > 0) &&
                                 <LayoutItemCountView count={ getTotalUnseen } /> }
                         </Flex>