From 3738204edea47f14e0d64bae154320e2685da39b Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Fri, 5 Jun 2026 08:29:40 -0400
Subject: [PATCH] Keep viewer controls in layout

---
 site/nostr/nostr-client.css | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/site/nostr/nostr-client.css b/site/nostr/nostr-client.css
index 6bcf2a0..99f4521 100644
--- a/site/nostr/nostr-client.css
+++ b/site/nostr/nostr-client.css
@@ -562,30 +562,28 @@ body.mode-viewer .flyer-preview {
   justify-content: center;
   align-items: flex-start;
   min-height: 100vh;
-  padding: 58px 0 20px;
+  padding: 0 0 20px;
   overflow: auto;
 }
 
 body.mode-viewer .viewer-floating {
-  position: fixed;
-  top: 12px;
-  left: 50%;
-  transform: translateX(-50%);
+  position: sticky;
+  top: 0;
   z-index: 20;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 8px;
-  width: min(calc(100vw - 24px), 760px);
-  pointer-events: none;
+  width: 100%;
+  padding: 12px;
+  background: #fff;
 }
 
 body.mode-viewer .viewer-floating button {
   min-height: 34px;
   padding: 6px 10px;
   font-size: 12px;
-  pointer-events: auto;
 }
 
 body.mode-viewer .viewer-floating select {
@@ -595,7 +593,6 @@ body.mode-viewer .viewer-floating select {
   padding: 6px 8px;
   font-size: 12px;
   background: #fff;
-  pointer-events: auto;
 }
 
 body.mode-viewer #viewer-panel {