Move room code banner to top-left corner

Fixes overlap between room code and logout button (auth bar) which
are both positioned in the top-right corner.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Aaron D. Lee 2026-01-27 16:28:57 -05:00
parent f27020f21b
commit 0b0873350c

View File

@ -275,15 +275,15 @@ body {
}
}
/* Room Code Banner */
/* Room Code Banner - positioned top-left to avoid auth bar overlap */
.room-code-banner {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 100;
background: linear-gradient(135deg, rgba(244, 164, 96, 0.9) 0%, rgba(230, 140, 70, 0.95) 100%);
padding: 10px 15px;
border-radius: 0 0 0 12px;
border-radius: 0 0 12px 0;
display: flex;
align-items: center;
gap: 10px;