From 6774f049f74f8517203c1c1cdc7eb3a42459f63f Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sat, 15 Apr 2023 22:32:57 -0700
Subject: [PATCH] fix(followers): more followers style tweaks

---
 .../SingleFollower/SingleFollower.module.scss      | 14 ++++++++------
 .../ui/followers/SingleFollower/SingleFollower.tsx |  4 ++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/components/ui/followers/SingleFollower/SingleFollower.module.scss b/web/components/ui/followers/SingleFollower/SingleFollower.module.scss
index cfc0c100d..e6a8d6242 100644
--- a/web/components/ui/followers/SingleFollower/SingleFollower.module.scss
+++ b/web/components/ui/followers/SingleFollower/SingleFollower.module.scss
@@ -9,6 +9,7 @@
   background-color: var(--theme-color-background-main);
   margin: 0.5em;
   font-size: 1rem;
+  line-height: 1.5rem;
 
   &:hover {
     border-color: var(--theme-text-link);
@@ -29,18 +30,19 @@
   }
 
   .account {
+    display: block;
     color: var(--theme-color-components-text-on-light);
-    text-overflow: ellipsis;
-    line-height: 1.2rem;
-
-    p {
-      margin: 0;
-    }
+    font-size: 0.7rem;
+    line-height: 1.2;
   }
 
   .username {
+    display: block;
     font-family: var(--theme-text-display-font-family);
     font-weight: 600;
     color: var(--theme-color-components-text-on-light);
+    font-size: 1rem;
+    line-height: 1.1;
+    padding-bottom: 5px;
   }
 }
diff --git a/web/components/ui/followers/SingleFollower/SingleFollower.tsx b/web/components/ui/followers/SingleFollower/SingleFollower.tsx
index 48f43d48e..44b689bc4 100644
--- a/web/components/ui/followers/SingleFollower/SingleFollower.tsx
+++ b/web/components/ui/followers/SingleFollower/SingleFollower.tsx
@@ -9,9 +9,9 @@ export type SingleFollowerProps = {
 };
 
 export const SingleFollower: FC<SingleFollowerProps> = ({ follower }) => (
-  <div className={cn([styles.follower, 'followers-follower'])}>
+  <div>
     <a href={follower.link} target="_blank" rel="noreferrer">
-      <Row wrap={false}>
+      <Row wrap={false} className={cn([styles.follower, 'followers-follower'])}>
         <Col span={6} className={styles.avatarColumn}>
           <Avatar
             src={follower.image}