From 546005139be294d82e1884a6cbce5a2434031072 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Mon, 7 Feb 2022 22:06:58 -0600
Subject: [PATCH] Fix recent activity label on mobile

---
 web/pages/home.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/pages/home.tsx b/web/pages/home.tsx
index 898f02ce..c53d644e 100644
--- a/web/pages/home.tsx
+++ b/web/pages/home.tsx
@@ -144,17 +144,19 @@ const Home = (props: {
             ]}
           />
           <Spacer h={10} />
-          <Row className="text-sm text-gray-800 mx-3 mb-3 gap-2 items-center">
-            <SparklesIcon className="inline w-5 h-5" aria-hidden="true" />
-            Recent activity
-            <span>—</span>
-            <span>
+          <Col className="sm:flex-row text-sm text-gray-800 mx-3 mb-3 gap-2">
+            <Row className="gap-2">
+              <SparklesIcon className="inline w-5 h-5" aria-hidden="true" />
+              <span className="whitespace-nowrap">Recent activity</span>
+              <span className="hidden sm:flex">—</span>
+            </Row>
+            <div className="text-gray-500 sm:text-gray-800">
               <SiteLink href="/folds" className="font-semibold">
-                follow a community
+                Follow a community
               </SiteLink>{' '}
               to personalize
-            </span>
-          </Row>
+            </div>
+          </Col>
 
           {activeContracts ? (
             <ActivityFeed