Copy CSS

static/dashboard.css

@@ -16,9 +16,8 @@ body { max-width: 960px; margin: 0 auto; padding: 2rem 1rem; }
 .podcast-img-preview { margin-top: 1rem; }
 .podcast-img-preview img { max-width: 150px; max-height: 150px; border: 2px solid #000; }
 .rss-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem; font-size: 0.85rem; }
-.rss-row code { font-size: 0.85rem; cursor: pointer; }
-.rss-row code:hover { text-decoration: underline; }
+.rss-url-btn { font-size: 0.85rem !important; padding: 0.3rem 0.75rem !important; }
+.rss-url-btn:disabled { opacity: 0.7; cursor: default; }
 .rss-label { color: #666; font-weight: 600; white-space: nowrap; }
-.rss-copied { color: #2e7d32; font-size: 0.75rem; font-weight: 600; }
 .new-ep-row { margin-bottom: 1.5rem; }
 .ep-thumb { max-width: 48px; max-height: 48px; border: 1px solid #000; }

template/dashboard.html

@@ -64,9 +64,8 @@
 
         <div class="rss-row">
             <span class="rss-label">RSS Feed</span>
-            <code id="rss-url" onclick="copyRSS()"></code>
             <span id="rss-url-src" hidden>{{.RSSURL}}</span>
-            <span class="rss-copied" id="rss-copied" hidden>Copied!</span>
+            <button class="nb-button blue rss-url-btn" id="rss-url" onclick="copyRSS()"></button>
         </div>
 
         <script>
@@ -97,12 +96,17 @@
             })();
 
             const rssURL = document.getElementById('rss-url-src').textContent;
-            document.getElementById('rss-url').textContent = rssURL;
+            const rssBtn = document.getElementById('rss-url');
+            rssBtn.textContent = rssURL;
             function copyRSS() {
                 navigator.clipboard.writeText(rssURL).then(() => {
-                    const el = document.getElementById('rss-copied');
-                    el.hidden = false;
-                    setTimeout(() => el.hidden = true, 1500);
+                    const originalText = rssBtn.textContent;
+                    rssBtn.textContent = 'Copied!';
+                    rssBtn.disabled = true;
+                    setTimeout(() => {
+                        rssBtn.textContent = originalText;
+                        rssBtn.disabled = false;
+                    }, 1500);
                 });
             }
         </script>