From 2c382b8bd12fe8f6d636df39307004d33f212e50 Mon Sep 17 00:00:00 2001
From: Sean O'Connor <sean@soconnor.dev>
Date: Thu, 10 Sep 2026 10:30:02 -0400
Subject: [PATCH] Keep event header actions aligned together

---
 .../web/src/app/dashboard/events/[id]/moderation-grid.tsx | 1 -
 apps/web/src/app/dashboard/events/[id]/page.tsx           | 8 +++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/app/dashboard/events/[id]/moderation-grid.tsx b/apps/web/src/app/dashboard/events/[id]/moderation-grid.tsx
index 8ca1313..0002739 100644
--- a/apps/web/src/app/dashboard/events/[id]/moderation-grid.tsx
+++ b/apps/web/src/app/dashboard/events/[id]/moderation-grid.tsx
@@ -284,7 +284,6 @@ export function CopyGuestLink({ url }: { url: string }) {
     <Button
       type="button"
       variant="outline"
-      className="tap-target w-full sm:w-auto"
       onClick={async () => {
         try {
           await navigator.clipboard.writeText(url);
diff --git a/apps/web/src/app/dashboard/events/[id]/page.tsx b/apps/web/src/app/dashboard/events/[id]/page.tsx
index 9c2ff5d..a6cda5e 100644
--- a/apps/web/src/app/dashboard/events/[id]/page.tsx
+++ b/apps/web/src/app/dashboard/events/[id]/page.tsx
@@ -123,7 +123,7 @@ export default async function EventDashboardPage({
   return (
     <EventWorkspace
       heading={
-        <div className="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
+        <div className="flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between">
           <div className="flex min-w-0 flex-col gap-2">
             <div className="flex flex-wrap items-center gap-2">
               <h1 className="font-display text-3xl sm:text-4xl">{event.title}</h1>
@@ -138,8 +138,10 @@ export default async function EventDashboardPage({
             <p className="truncate text-sm text-muted-foreground">{event.guestUrl.replace(/^https?:\/\//, "")}</p>
             {event.location ? <p className="text-sm text-muted-foreground">{event.location}</p> : null}
           </div>
-          <CopyGuestLink url={event.guestUrl} />
-          <Button asChild variant="outline"><Link href={`/dashboard/events/${event.id}/sign`}><QrCodeIcon data-icon="inline-start" />Guest sign</Link></Button>
+          <div className="flex shrink-0 flex-wrap items-center gap-2" role="group" aria-label="Event actions">
+            <CopyGuestLink url={event.guestUrl} />
+            <Button asChild variant="outline"><Link href={`/dashboard/events/${event.id}/sign`}><QrCodeIcon data-icon="inline-start" />Guest sign</Link></Button>
+          </div>
         </div>
       }
       tabs={tabs}