From c53a993bab93eb25e8f83fef9e7c995c004e7222 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Mon, 30 Mar 2026 20:06:23 -0400
Subject: [PATCH] Improved the open meeting externally buttons and style.

---
 .../idaa/(idaa)/video_conferences/+page.svelte | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/routes/idaa/(idaa)/video_conferences/+page.svelte b/src/routes/idaa/(idaa)/video_conferences/+page.svelte
index ac025a34..9120b759 100644
--- a/src/routes/idaa/(idaa)/video_conferences/+page.svelte
+++ b/src/routes/idaa/(idaa)/video_conferences/+page.svelte
@@ -1211,7 +1211,7 @@ async function init_jitsi() {
 <!-- Breakout button: only shown in iframe mode — pointless outside an iframe since the user is
      already in a full tab. WHY: Novi iframes squish the layout and scrolling is unreliable.
      Members need a way to escape to a proper full-tab context. -->
-{#if $ae_loc.iframe}
+{#if $ae_loc.iframe || $ae_loc.edit_mode}
 <div class="fixed bottom-0.5 left-8 z-20 print:hidden">
     <button
         type="button"
@@ -1233,20 +1233,20 @@ async function init_jitsi() {
         tabindex="-1"
         aria-label="Close meeting link dialog">
         <div
-            class="mx-4 w-full max-w-sm rounded-xl bg-white p-6 shadow-2xl"
+            class="mx-4 w-full max-w-sm rounded-xl bg-white px-6 py-2 shadow-2xl"
             role="dialog"
             aria-modal="true"
             aria-labelledby="breakout_modal_title"
             tabindex="-1"
             onclick={(e) => e.stopPropagation()}
             onkeydown={(e) => e.stopPropagation()}>
-            <div class="mb-4 flex items-start justify-between">
+            <div class="mb-2 flex items-start justify-between">
                 <div>
-                    <h2 id="breakout_modal_title" class="text-lg font-bold">
+                    <h2 id="breakout_modal_title" class="text-base font-bold text-center">
                         Open Meeting Externally
                     </h2>
                     <p class="mt-1 text-sm text-gray-500">
-                        Open this meeting outside the embedded Novi iframe.
+                        Open this meeting outside the embedded iframe on this page.
                     </p>
                 </div>
                 <button
@@ -1280,15 +1280,15 @@ async function init_jitsi() {
                 </a>
                 <!-- Fallback for browsers that block clipboard access (common in iframes).
                      User can manually select all and copy from here. -->
-                <div class="mt-1">
-                    <p class="mb-1 text-xs text-gray-400">Or copy the link manually:</p>
+                <div class="mt-0.5">
+                    <p class="mb-0.5 text-xs text-gray-400">Or copy the link manually:</p>
                     <textarea
                         readonly
-                        rows="2"
+                        rows="3"
                         value={$page.url.href}
                         onclick={(e) => (e.target as HTMLTextAreaElement).select()}
                         class="w-full cursor-text resize-none rounded border border-gray-200 bg-gray-50 px-2 py-1.5 font-mono text-xs text-gray-700 focus:outline-none"
-                        title="Click to select all, then copy"
+                        title="Click to select all, then copy (ctrl/cmd + C)"
                         aria-label="Meeting link — click to select all"></textarea>
                 </div>
             </div>