From dd8d2a4bfabc9ce300bd05255cb630ce9f88ccb7 Mon Sep 17 00:00:00 2001
From: Stan Grams <sjg@haxx.space>
Date: Thu, 26 Mar 2026 21:06:36 +0100
Subject: [PATCH] [fix](trx-frontend-http): hide duplicate spectrum waterfall,
 use overview waterfall only

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
---
 .../trx-frontend/trx-frontend-http/assets/web/index.html  | 2 +-
 .../trx-frontend/trx-frontend-http/assets/web/style.css   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
index ff7ee5e..9830c6e 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
@@ -117,13 +117,13 @@
         <div class="spectrum-wrap">
           <div id="spectrum-bookmark-axis"></div>
           <div id="spectrum-bookmark-side-left" class="spectrum-bookmark-side spectrum-bookmark-side-left" aria-hidden="true"></div>
-          <canvas id="spectrum-waterfall-canvas"></canvas>
           <canvas id="spectrum-canvas"></canvas>
           <div id="spectrum-zoom-indicator" aria-hidden="true"></div>
           <div id="spectrum-minimap" aria-hidden="true"><div class="minimap-view"></div></div>
           <div id="spectrum-db-axis" aria-hidden="true"></div>
           <div id="spectrum-bookmark-side-right" class="spectrum-bookmark-side spectrum-bookmark-side-right" aria-hidden="true"></div>
           <div id="spectrum-tooltip"></div>
+          <canvas id="spectrum-waterfall-canvas" style="display:none;"></canvas>
           <div id="spectrum-freq-axis">
             <button id="spectrum-center-left-btn" class="spectrum-edge-shift spectrum-edge-shift-left" type="button" aria-label="Shift spectrum center left">&lsaquo;</button>
             <button id="spectrum-center-right-btn" class="spectrum-edge-shift spectrum-edge-shift-right" type="button" aria-label="Shift spectrum center right">&rsaquo;</button>
diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
index dceee43..62ad286 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
@@ -2989,12 +2989,13 @@ button:focus-visible, input:focus-visible, select:focus-visible {
   width: 100%;
   height: var(--spectrum-plot-height);
   background: var(--spectrum-bg);
+  border-radius: 6px 6px 0 0;
   cursor: crosshair;
   touch-action: none;
 }
 #spectrum-db-axis {
   position: absolute;
-  top: var(--spectrum-plot-height);
+  top: 0;
   left: 0;
   width: 3rem;
   height: var(--spectrum-plot-height);
@@ -3110,7 +3111,7 @@ button:focus-visible, input:focus-visible, select:focus-visible {
 #spectrum-zoom-indicator {
   display: none;
   position: absolute;
-  top: calc(var(--spectrum-plot-height) + 6px);
+  top: 6px;
   right: 3.5rem;
   z-index: 9;
   font-size: 0.68rem;
@@ -3150,7 +3151,6 @@ button:focus-visible, input:focus-visible, select:focus-visible {
   width: 100%;
   height: var(--spectrum-plot-height);
   background: var(--spectrum-bg);
-  border-radius: 6px 6px 0 0;
   cursor: crosshair;
   touch-action: none;
 }
@@ -3199,7 +3199,7 @@ button:focus-visible, input:focus-visible, select:focus-visible {
 }
 .spectrum-bookmark-side {
   position: absolute;
-  top: calc(var(--spectrum-plot-height) * 1.5);
+  top: calc(var(--spectrum-plot-height) / 2);
   transform: translateY(-50%);
   z-index: 7;
   width: var(--spectrum-bookmark-side-width);