From f56bd399805ca8a8279c19ad687af3f6b07b479f Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Sun, 31 May 2026 15:10:12 -0400
Subject: [PATCH] zebra-spaces: invite banner stacks message above
 accept/decline buttons

---
 web/zebra-spaces.html | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/web/zebra-spaces.html b/web/zebra-spaces.html
index 42e20ca..d662bf3 100644
--- a/web/zebra-spaces.html
+++ b/web/zebra-spaces.html
@@ -132,8 +132,9 @@
   .log-line.err { color: #b00; }
   .invite-banner {
     border: 2px solid #000; padding: 0.8rem; margin-bottom: 1rem; background: #ffd;
-    display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;
+    display: flex; flex-direction: column; align-items: flex-start; gap: 0.6rem;
   }
+  .invite-banner .invite-actions { display: flex; gap: 0.5rem; }
   .notice-banner {
     padding: 0.7rem 0.8rem; margin-bottom: 1rem;
     display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;
@@ -226,10 +227,14 @@
 
 <section id="sec-invite" class="hidden">
   <div class="invite-banner">
-    <strong>you're invited to the mic.</strong>
-    <span id="invite-from" class="note"></span>
-    <button id="btn-accept-mic" class="invert small">accept</button>
-    <button id="btn-decline-mic" class="small">decline</button>
+    <div>
+      <strong>you're invited to the mic.</strong>
+      <span id="invite-from" class="note"></span>
+    </div>
+    <div class="invite-actions">
+      <button id="btn-accept-mic" class="invert small">accept</button>
+      <button id="btn-decline-mic" class="small">decline</button>
+    </div>
   </div>
 </section>
 
@@ -1283,8 +1288,8 @@ logLine('', 'ready — pick a handle, type a rendezvous code, enter the space');
 
 <footer style="margin:2.2rem auto 0;font-size:0.65rem;color:#999;line-height:1.7;word-break:break-all;font-family:monospace">
   <span id="pi-seal" style="color:#777;cursor:default;user-select:none" title="">page integrity</span> &nbsp;·&nbsp; built <span class="stamp-date">2026-05-31</span><br>
-  md5 <span class="stamp-md5">4dc64b26953ef97c743bc54fb9a084d5</span><br>
-  sha256 <span class="stamp-sha">ef1848a02178345ebe976ce392a049eaa17aab5c7d3f1d6291db1575b4acb126</span><br>
+  md5 <span class="stamp-md5">acd638938338e18678254c89233f5964</span><br>
+  sha256 <span class="stamp-sha">d34f0432b7ae1eb209b45baf9954279c2098cefee9625b988223b1101f3897f2</span><br>
   <span style="color:#bbb">hashes are of this page with these two fields zeroed — to verify, blank them and re-hash</span><br>
   <span style="color:#bbb">one self-contained file — <strong>save a copy</strong> and verify against these hashes; point at your own servers with ?signal= and ?turncred=, or <a href="host-your-own.html" style="color:#999">host your own community</a></span>
 </footer>