From 3e8fe2ca958a96528cd42b167f7f0489fc8b037f Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Thu, 23 Nov 2023 13:09:23 +0000
Subject: [PATCH] fix: live stream embed layout

---
 packages/app/src/Element/Event/Note.tsx |  2 +-
 packages/app/src/Element/LiveEvent.tsx  | 18 +++++++++---------
 packages/system/src/event-kind.ts       |  2 +-
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/app/src/Element/Event/Note.tsx b/packages/app/src/Element/Event/Note.tsx
index 1b9105bb2..4eeae0bc0 100644
--- a/packages/app/src/Element/Event/Note.tsx
+++ b/packages/app/src/Element/Event/Note.tsx
@@ -50,7 +50,7 @@ export default function Note(props: NoteProps) {
   if (ev.kind === EventKind.ZapstrTrack) {
     return <ZapstrEmbed ev={ev} />;
   }
-  if (ev.kind === EventKind.CategorizedPeople || ev.kind === EventKind.ContactList) {
+  if (ev.kind === EventKind.FollowSet || ev.kind === EventKind.ContactList) {
     return <PubkeyList ev={ev} className={className} />;
   }
   if (ev.kind === EventKind.LiveEvent) {
diff --git a/packages/app/src/Element/LiveEvent.tsx b/packages/app/src/Element/LiveEvent.tsx
index 1540dde4d..580dcca35 100644
--- a/packages/app/src/Element/LiveEvent.tsx
+++ b/packages/app/src/Element/LiveEvent.tsx
@@ -16,7 +16,7 @@ export function LiveEvent({ ev }: { ev: NostrEvent }) {
     switch (status) {
       case "live": {
         return (
-          <div className="flex g4">
+          <div className="flex g4 items-center">
             <Icon name="signal-01" />
             <b className="uppercase">
               <FormattedMessage defaultMessage="Live" id="Dn82AL" />
@@ -49,7 +49,7 @@ export function LiveEvent({ ev }: { ev: NostrEvent }) {
       case "live": {
         return (
           <Link to={link} target="_blank">
-            <button type="button">
+            <button className="nowrap">
               <FormattedMessage defaultMessage="Join Stream" id="GQPtfk" />
             </button>
           </Link>
@@ -59,7 +59,7 @@ export function LiveEvent({ ev }: { ev: NostrEvent }) {
         if (findTag(ev, "recording")) {
           return (
             <Link to={link} target="_blank">
-              <button type="button">
+              <button className="nowrap">
                 <FormattedMessage defaultMessage="Watch Replay" id="6/hB3S" />
               </button>
             </Link>
@@ -70,13 +70,13 @@ export function LiveEvent({ ev }: { ev: NostrEvent }) {
   }
 
   return (
-    <div className="flex justify-between br p24 bg-primary">
-      <div className="flex g12">
+    <div className="sm:flex g12 br p24 bg-primary items-center">
+      <div>
         <ProfileImage pubkey={host} showUsername={false} size={56} />
-        <div>
-          <h2>{title}</h2>
-          {statusLine()}
-        </div>
+      </div>
+      <div className="flex flex-col g8 grow">
+        <div className="font-semibold text-3xl">{title}</div>
+        <div>{statusLine()}</div>
       </div>
       <div>{cta()}</div>
     </div>
diff --git a/packages/system/src/event-kind.ts b/packages/system/src/event-kind.ts
index 66aec1103..f169ba82f 100644
--- a/packages/system/src/event-kind.ts
+++ b/packages/system/src/event-kind.ts
@@ -1,4 +1,4 @@
-enum EventKind {
+const enum EventKind {
   Unknown = -1,
   SetMetadata = 0,
   TextNote = 1,