Keep event header actions aligned together

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);

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,9 +138,11 @@ 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>
+          <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}
     />