Update src/addons/addons/save-to-google/userscript.js

src/addons/addons/save-to-google/userscript.js

@@ -250,41 +250,54 @@ export default async ({ addon, console, msg }) => {
             fileName.style.fontWeight = "bold";
             fileItem.appendChild(fileName);
 
-            // 共有リンク
-            const linkContainer = document.createElement("div");
-            linkContainer.style.display = "flex";
-            linkContainer.style.flexDirection = "column";
-            linkContainer.style.gap = "0.25rem";
-            linkContainer.style.marginBottom = "0.5rem";
-
-            const linkLabel = document.createElement("div");
-            linkLabel.textContent = "共有リンク:";
-            linkLabel.style.fontSize = "0.8em";
-            linkLabel.style.color = "#666";
-            linkContainer.appendChild(linkLabel);
-
-            const linkUrl = document.createElement("div");
-            linkUrl.textContent = `${SHORT_URL}${project.id}`;
-            linkUrl.style.fontSize = "0.9em";
-            linkUrl.style.wordBreak = "break-all";
-            linkContainer.appendChild(linkUrl);
-
-            const copyButton = document.createElement("button");
-            copyButton.textContent = "リンクをコピー";
-            copyButton.className = "button";
-            copyButton.style.fontSize = "0.8em";
-            copyButton.style.padding = "0.2rem 0.5rem";
-            copyButton.style.width = "100%";
-
-            copyButton.addEventListener("click", (e) => {
-                e.stopPropagation();
-                navigator.clipboard.writeText(`${SHORT_URL}${project.id}`)
-                    .then(() => showAlert(addon, "success", "リンクをクリップボードにコピーしました"))
-                    .catch(() => showAlert(addon, "error", "リンクのコピーに失敗しました"));
-            });
+        // 共有リンク
+        const linkContainer = document.createElement("div");
+        linkContainer.style.display = "flex";
+        linkContainer.style.alignItems = "center";
+        linkContainer.style.gap = "0.5rem";
+        linkContainer.style.marginBottom = "0.5rem";
+
+        const linkLabel = document.createElement("div");
+        linkLabel.textContent = "共有リンク:";
+        linkLabel.style.fontSize = "0.9em";
+        linkLabel.style.color = "#666";
+        linkContainer.appendChild(linkLabel);
+
+        const linkUrlContainer = document.createElement("div");
+        linkUrlContainer.style.display = "flex";
+        linkUrlContainer.style.alignItems = "center";
+        linkUrlContainer.style.gap = "0.25rem";
+        linkUrlContainer.style.flexGrow = "1";
+
+        const linkUrl = document.createElement("a");
+        linkUrl.href = `${SHORT_URL}${project.id}`;
+        linkUrl.textContent = `${SHORT_URL}${project.id}`;
+        linkUrl.target = "_blank";
+        linkUrl.rel = "noopener noreferrer";
+        linkUrl.style.fontSize = "0.9em";
+        linkUrl.style.wordBreak = "break-all";
+        linkUrl.style.color = "#4d97ff";
+        linkUrl.style.textDecoration = "none";
+        linkUrl.style.borderBottom = "1px dashed #4d97ff";
+        linkUrlContainer.appendChild(linkUrl);
+
+        const copyButton = document.createElement("button");
+        copyButton.textContent = "コピー";
+        copyButton.className = "button";
+        copyButton.style.fontSize = "0.8em";
+        copyButton.style.padding = "0.2rem 0.5rem";
+        copyButton.style.whiteSpace = "nowrap";
+
+        copyButton.addEventListener("click", (e) => {
+            e.stopPropagation();
+            navigator.clipboard.writeText(`${SHORT_URL}${project.id}`)
+                .then(() => showAlert(addon, "success", "リンクをクリップボードにコピーしました"))
+                .catch(() => showAlert(addon, "error", "リンクのコピーに失敗しました"));
+        });
 
-            linkContainer.appendChild(copyButton);
-            fileItem.appendChild(linkContainer);
+        linkUrlContainer.appendChild(copyButton);
+        linkContainer.appendChild(linkUrlContainer);
+        fileItem.appendChild(linkContainer);
 
             // 操作ボタン
             const buttonContainer = document.createElement("div");