zebra-report: zebra-spaces invite buttons stack below the message

This commit is contained in:
russell@unturf.com 2026-05-31 15:10:13 -04:00
parent 910d961dac
commit 6f2cc0fa7a
No known key found for this signature in database

View file

@ -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,11 +227,15 @@
<section id="sec-invite" class="hidden">
<div class="invite-banner">
<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>
<section id="sec-notice" class="hidden">
@ -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>