Keep viewer controls in layout

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 {