From 33f4965fa4613dbc2205108806d16d7c7e41e55c Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Wed, 12 Jan 2022 15:23:24 -0600
Subject: [PATCH] Change activity feed to white bg, no hover bg, smaller width,
 centered

---
 web/pages/activity.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/web/pages/activity.tsx b/web/pages/activity.tsx
index c5893272..9098f04f 100644
--- a/web/pages/activity.tsx
+++ b/web/pages/activity.tsx
@@ -75,16 +75,18 @@ export function ActivityFeed(props: {
   const activeContracts = findActiveContracts(contracts, recentComments)
 
   return contracts.length > 0 ? (
-    <>
-      <Title className="mb-0" text="Recent Activity" />
-      <Col className="divide-gray-300 divide-y">
-        {activeContracts.map((contract) => (
-          <div className="py-6 px-1 hover:bg-gray-100">
-            <FeedCard contract={contract} />
-          </div>
-        ))}
+    <Col className="items-center">
+      <Col className="w-full max-w-3xl">
+        <Title text="Recent Activity" />
+        <Col className="w-full bg-white self-center divide-gray-300 divide-y">
+          {activeContracts.map((contract) => (
+            <div className="py-6 px-1 sm:px-4">
+              <FeedCard contract={contract} />
+            </div>
+          ))}
+        </Col>
       </Col>
-    </>
+    </Col>
   ) : (
     <></>
   )