Merge pull request 'feat: add following title' (#78) from following-title into main

Reviewed-on: Kieran/stream#78
Reviewed-by: Kieran <kieran@noreply.localhost>

src/element/live-chat.css

@@ -111,6 +111,10 @@
   flex-wrap: wrap;
 }
 
+.live-chat .zap-content a {
+  color: var(--text-link);
+}
+
 .top-zappers {
   display: flex;
   flex-direction: column;

src/pages/root.css

@@ -38,6 +38,12 @@
   display: flex;
 }
 
+@media (max-width: 1020px) {
+  .divider {
+    padding: 0 8px;
+  }
+}
+
 .divider:after {
   content: "";
   flex: 1;

src/pages/root.tsx

@@ -32,11 +32,14 @@ export function RootPage() {
   return (
     <div className="homepage">
       {hasFollowingLive && (
-        <div className="video-grid">
+        <>
-          {following.map((e) => (
+          <h2 className="divider line one-line">Following</h2>
-            <VideoTile ev={e} key={e.id} />
+          <div className="video-grid">
-          ))}
+            {following.map((e) => (
-        </div>
+              <VideoTile ev={e} key={e.id} />
+            ))}
+          </div>
+        </>
       )}
       {!hasFollowingLive && (
         <div className="video-grid">