fix: adjust Comment component styles for better layout and appearance

parlandin · parlandin · commit 27a1058ead8c · 2025-03-08T16:00:04.000-03:00
diff --git a/src/components/Comment/index.tsx b/src/components/Comment/index.tsx
@@ -69,6 +69,7 @@ const Comment: React.FC<IComment> = ({
         <S.CommentInfos>
           <S.CommentTitle>
             <S.UserName>{listComment.user.name}</S.UserName>
+
             <S.Separator />
             <S.Date>22/01/2024</S.Date>
           </S.CommentTitle>
diff --git a/src/components/Comment/styles.ts b/src/components/Comment/styles.ts
@@ -47,7 +47,6 @@ export const CommentTitle = styled.div`
 
 export const UserName = styled.span`
   font-weight: bold;
-
   color: ${({ theme }) => theme.colors.primary};
 `;
 
@@ -58,8 +57,9 @@ export const Date = styled.span`
 `;
 
 export const Separator = styled.div`
-  width: 6px;
-  height: 2px;
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
   background-color: ${({ theme }) => theme.colors.primary};
   margin: 0 8px;
 `;
