Merge pull request #1446 from session-foundation/fix/ses-3891/unread_message_count

fix: unread message count position in action panel

Author: Bilb

ts/components/icon/SessionNotificationCount.tsx

@@ -14,7 +14,7 @@ const StyledCountContainer = styled.div<{ $centeredOnTop: boolean }>`
   padding: ${props => (props.$centeredOnTop ? '1px 3px 0' : '1px 4px')};
 
   position: absolute;
-  top: ${props => (props.$centeredOnTop ? '-10px' : '27px')};
+  top: ${props => (props.$centeredOnTop ? '-10px' : '22px')};
   left: ${props => (props.$centeredOnTop ? '50%' : '28px')};
 
   font-size: var(--font-size-xs);

ts/components/leftpane/ActionsPanel.tsx

@@ -143,6 +143,9 @@ const Section = (props: { type: SectionType }) => {
           {...buttonProps}
           dataTestId="message-section"
           unicode={LUCIDE_ICONS_UNICODE.MESSAGE_SQUARE}
+          style={{
+            position: 'relative',
+          }}
         >
           {Boolean(unreadToShow) && <SessionNotificationCount count={unreadToShow} />}
         </SessionLucideIconButton>