From 75ec3934af1b952ed22257300fa6096a5440ede1 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 27 May 2025 18:18:16 +0300
Subject: [PATCH] style/code blocks/copy button: tweak appearance

---
 apps/client/src/services/syntax_highlight.ts | 2 +-
 apps/client/src/stylesheets/style.css        | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/services/syntax_highlight.ts b/apps/client/src/services/syntax_highlight.ts
index 48969a906..bfe887b9d 100644
--- a/apps/client/src/services/syntax_highlight.ts
+++ b/apps/client/src/services/syntax_highlight.ts
@@ -35,7 +35,7 @@ export async function formatCodeBlocks($container: JQuery<HTMLElement>) {
 
 export function applyCopyToClipboardButton($codeBlock: JQuery<HTMLElement>) {
     const $copyButton = $("<button>")
-        .addClass("bx component btn tn-tool-button bx-copy copy-button")
+        .addClass("bx component icon-action tn-tool-button bx-copy copy-button")
         .attr("title", t("code_block.copy_title"))
         .on("click", () => copyText($codeBlock.text()));
     $codeBlock.parent().append($copyButton);
diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index 149ae03cd..b1d5f469e 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -535,9 +535,8 @@ pre {
 
 pre > button.copy-button {
     position: absolute;
-    top: 1em;
-    right: 1em;
-    opacity: 0.8;    
+    top: .35em;
+    right: .35em;
 }
 
 pre > button.copy-button:hover {