From 1d58b7fbad6d5a77c67e440abadbfad6c76b0fbb Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 12 Jan 2023 15:05:55 -0800
Subject: [PATCH] Center column of followers on mobile. Closes #2515

---
 .../FollowerCollection/FollowerCollection.module.scss       | 6 ++++++
 .../ui/followers/FollowerCollection/FollowerCollection.tsx  | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/components/ui/followers/FollowerCollection/FollowerCollection.module.scss b/web/components/ui/followers/FollowerCollection/FollowerCollection.module.scss
index 2bb7c7512..8b0bca411 100644
--- a/web/components/ui/followers/FollowerCollection/FollowerCollection.module.scss
+++ b/web/components/ui/followers/FollowerCollection/FollowerCollection.module.scss
@@ -7,6 +7,12 @@
   @include screen(desktop) {
     background-color: var(--theme-color-components-content-background);
   }
+
+  @include screen(mobile) {
+    .followerRow {
+      justify-content: center;
+    }
+  }
 }
 
 .noFollowers {
diff --git a/web/components/ui/followers/FollowerCollection/FollowerCollection.tsx b/web/components/ui/followers/FollowerCollection/FollowerCollection.tsx
index 432c90cc1..1d3ccadaa 100644
--- a/web/components/ui/followers/FollowerCollection/FollowerCollection.tsx
+++ b/web/components/ui/followers/FollowerCollection/FollowerCollection.tsx
@@ -69,7 +69,7 @@ export const FollowerCollection: FC<FollowerCollectionProps> = ({ name, onFollow
 
   return (
     <div className={styles.followers} id="followers-collection">
-      <Row wrap gutter={[10, 10]}>
+      <Row wrap gutter={[10, 10]} className={styles.followerRow}>
         {followers.map(follower => (
           <Col key={follower.link}>
             <SingleFollower key={follower.link} follower={follower} />