From d7af3635b6866f0ef17e1072e07d4b948a2b3179 Mon Sep 17 00:00:00 2001
From: Victor Oliva <v.oliva@proton.me>
Date: Fri, 22 May 2026 11:10:12 +0200
Subject: [PATCH] feat: improve json-display copy button (#145)

---
 src/components/jsonDisplay.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/jsonDisplay.css b/src/components/jsonDisplay.css
index 6a07087..b3e0e21 100644
--- a/src/components/jsonDisplay.css
+++ b/src/components/jsonDisplay.css
@@ -1,9 +1,21 @@
 .json-view .json-view--copy {
-  opacity: 0.4;
+  position: sticky;
+  right: 0;
+  backdrop-filter: brightness(10);
+  border-radius: 4px;
 }
-.json-view .json-view--copy:hover {
+.dark .json-view .json-view--copy {
+  backdrop-filter: brightness(0);
+}
+.json-view .json-view--copy path {
+  opacity: 0.6;
+}
+.json-view .json-view--copy:hover path {
   opacity: 1;
 }
 .json-view .jv-button {
   padding: 0 0.3rem;
 }
+.json-view .json-view--pair {
+  white-space: nowrap;
+}