From ec32030afce6bee4b8bee358064eae717a1404e3 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Sat, 25 Jul 2026 13:04:34 -0400
Subject: [PATCH] fix: always show copy button on mobile (no hover on touch)

- @media (max-width: 768px): .copy-code-btn opacity: 1
- Smaller padding/font on mobile (2px 8px, 10px font)
- Tighter position (top: 4px, right: 4px) to avoid overlapping content
---
 frontend/style.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/style.css b/frontend/style.css
index 83dd43d..9b915c9 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -8560,3 +8560,14 @@ body.popup-mode .content-area {
   color: #fff;
   border-color: var(--accent-green);
 }
+
+/* Mobile : toujours visible (pas de hover sur tactile) */
+@media (max-width: 768px) {
+  .copy-code-btn {
+    opacity: 1;
+    padding: 2px 8px;
+    font-size: 10px;
+    top: 4px;
+    right: 4px;
+  }
+}