fix: ui

Author: uniquemo

webviews/components/Comment.tsx

@@ -15,6 +15,7 @@ const Header = styled.div`
   align-items: center;
   border: 1px solid var(--vscode-list-inactiveSelectionBackground);
   background: var(--vscode-list-inactiveSelectionBackground);
+  padding: 5px 10px;
 `;
 const AuthorLinkWrap = styled.div`
   margin-left: 5px;
@@ -25,7 +26,7 @@ const Body = styled.div`
   border-top: none;
 `;
 const Time = styled.div`
-  margin-left: 20px;
+  margin-left: 15px;
 `;
 
 const ChildComment = styled.div`

webviews/components/User.tsx

@@ -2,15 +2,20 @@ import * as React from 'react';
 import styled from 'styled-components';
 import { IMRDetailMR } from 'src/typings/respResult';
 
+const Link = styled.a`
+  position: relative;
+  top: 1px;
+`;
 const AvatarImg = styled.img`
   width: 24px;
   height: 24px;
+  border-radius: 50%;
 `;
 
 export const Avatar = ({ for: author }: { for: Partial<IMRDetailMR['author']> }) => (
-  <a href={author.avatar}>
+  <Link href={author.avatar}>
     <AvatarImg src={author.avatar} alt='' />
-  </a>
+  </Link>
 );
 
 export const AuthorLink = ({ for: author }: { for: IMRDetailMR['author'] }) => (