From 56ad9e29d73c72f95db091720da8e7cefbe096c2 Mon Sep 17 00:00:00 2001
From: Katsuya HIDAKA <hidakatsuya@gmail.com>
Date: Fri, 7 Mar 2025 15:03:45 +0900
Subject: Place the copy button inside the code block

---
 app/assets/stylesheets/application.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 8d7af7dab..9360d7c3e 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1500,7 +1500,6 @@ div.wiki li>ul, div.wiki li>ol {margin-bottom: 0;}
 
 div.wiki div.pre-wrapper {
   position: relative;
-  padding-right: 10px;
 }
 
 div.wiki pre {
@@ -1522,10 +1521,14 @@ div.wiki *:not(pre)>code, div.wiki>code {
 
 div.pre-wrapper a.copy-pre-content-link {
   position: absolute;
-  top: 0px;
-  right: 8px;
+  top: 3px;
+  right: calc(1em + 3px);
   cursor: pointer;
   display: none;
+  border-radius: 3px;
+  background: #fff;
+  border: 1px solid #ccc;
+  padding: 2px;
 }
 
 div.pre-wrapper:hover a.copy-pre-content-link {
-- 
2.44.0

