From 7c1d70313b34229aa3ccb2092e66db147ac57545 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 12 Jan 2022 13:20:28 -0500
Subject: [PATCH] Uncardify activity feed

---
 web/components/linkify.tsx |  2 +-
 web/pages/activity.tsx     | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/web/components/linkify.tsx b/web/components/linkify.tsx
index ccb63a61..35af391c 100644
--- a/web/components/linkify.tsx
+++ b/web/components/linkify.tsx
@@ -31,7 +31,7 @@ export function Linkify(props: { text: string; gray?: boolean }) {
     )
   })
   return (
-    <span>
+    <span className="break-words">
       {text.split(regex).map((part, i) => (
         <Fragment key={i}>
           {part}
diff --git a/web/pages/activity.tsx b/web/pages/activity.tsx
index dae5c152..c5893272 100644
--- a/web/pages/activity.tsx
+++ b/web/pages/activity.tsx
@@ -10,11 +10,7 @@ import { Col } from '../components/layout/col'
 
 function FeedCard(props: { contract: Contract }) {
   const { contract } = props
-  return (
-    <div className="card bg-white shadow-md rounded-lg divide-y divide-gray-200 py-6 px-4 max-w-4xl">
-      <ContractFeed contract={contract} feedType="activity" />
-    </div>
-  )
+  return <ContractFeed contract={contract} feedType="activity" />
 }
 
 // This does NOT include comment times, since those aren't part of the contract atm.
@@ -80,10 +76,12 @@ export function ActivityFeed(props: {
 
   return contracts.length > 0 ? (
     <>
-      <Title text="Recent Activity" />
-      <Col className="gap-4">
+      <Title className="mb-0" text="Recent Activity" />
+      <Col className="divide-gray-300 divide-y">
         {activeContracts.map((contract) => (
-          <FeedCard contract={contract} />
+          <div className="py-6 px-1 hover:bg-gray-100">
+            <FeedCard contract={contract} />
+          </div>
         ))}
       </Col>
     </>