refactor: subtle ui tweaks (#1295)

Author: setchy

src/components/AccountNotifications.tsx

@@ -68,7 +68,7 @@ export const AccountNotifications: FC<IAccountNotifications> = (
       {showAccountHostname && (
         <div
           className={cn(
-            'group flex items-center justify-between px-3 py-2 text-sm font-semibold',
+            'group flex items-center justify-between px-3 py-1.5 text-sm font-semibold',
             'bg-gray-300 dark:bg-gray-darkest dark:text-white',
             Opacity.LOW,
           )}
@@ -84,7 +84,6 @@ export const AccountNotifications: FC<IAccountNotifications> = (
                 event.stopPropagation();
                 openAccountProfile(account);
               }}
-              className="opacity-80"
             >
               @{account.user.login}
             </button>

src/components/NotificationRow.tsx

@@ -140,7 +140,7 @@ export const NotificationRow: FC<INotificationRow> = ({
         {groupByDate && (
           <div
             className={cn(
-              'mb-1 flex items-center gap-1 text-xs',
+              'mb-1 flex items-center gap-1 text-xs font-medium',
               Opacity.MEDIUM,
             )}
             title={repoSlug}

src/components/RepositoryNotifications.tsx

@@ -62,19 +62,19 @@ export const RepositoryNotifications: FC<IRepositoryNotifications> = ({
   return (
     <>
       <div
-        className="group flex items-center justify-between bg-gray-100 px-3 py-2 dark:bg-gray-darker dark:text-white"
+        className="group flex justify-between bg-gray-100 px-3 py-1.5 dark:bg-gray-darker dark:text-white"
         onClick={toggleRepositoryNotifications}
       >
         <div
           className={cn(
-            'flex flex-1 space-x-3 overflow-hidden overflow-ellipsis whitespace-nowrap text-sm font-medium',
+            'flex flex-1 gap-4 items-center overflow-hidden overflow-ellipsis whitespace-nowrap text-sm font-medium',
             Opacity.MEDIUM,
           )}
         >
           <AvatarIcon
             title={repoName}
             url={avatarUrl}
-            size={Size.LARGE}
+            size={Size.XSMALL}
             defaultIcon={MarkGithubIcon}
           />
           <span