marky

commit 7b143d9eded945c51dddab1d1df04adbec619e59
parent 440ffbeb03406725db7511885039be0e176d4943
Author: David Eisinger <[email protected]>
Date:   Sun, 12 Oct 2025 14:32:45 -0400

Remove inline styles

Diffstat:
M
internal/web/settings.html
 | 
4
++--
M
internal/web/styles.css
 | 
2
++

2 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/internal/web/settings.html b/internal/web/settings.html
@@ -21,7 +21,7 @@
           <p>
             <code class="token-display" @click="api.show = !api.show" :title="api.show ? 'Click to hide' : 'Click to reveal'">{{ api.show ? api.value : '••••••••••••' }}</code>
           </p>
-          <div style="display:flex; gap:8px;">
+          <div class="btn-row">
             <button class="btn" @click.prevent="copyApiKey">{{ api.copied ? 'Copied!' : 'Copy' }}</button>
             <button class="btn" @click.prevent="regenerateApiKey" :disabled="api.busy">{{ api.busy ? 'Working…' : 'Regenerate' }}</button>
           </div>
@@ -34,7 +34,7 @@
             <a id="bmlet" class="btn" :href="bookmarkletHref()">Save to Marky</a>
           </p>
           <p class="muted">When clicked on any page, this opens a small form prefilled with the page URL and title. On submit, it saves to your Marky account.</p>
-          <p class="muted" style="margin-top:12px;">On iOS or mobile, tap Copy and paste the link into a new bookmark:</p>
+          <p class="muted ios-note">On iOS or mobile, tap Copy and paste the link into a new bookmark:</p>
           <p>
             <button class="btn" @click.prevent="copyBookmarklet">{{ bmlet.copied ? 'Copied!' : 'Copy' }}</button>
           </p>
diff --git a/internal/web/styles.css b/internal/web/styles.css
@@ -22,6 +22,8 @@ header { border-bottom: 1px solid #ddd3; }
 .small-links { font-size: 12px; margin-left: 8px; color: #666; }
 .small-links a { color: inherit; }
 .small-links .sep { margin: 0 6px; opacity: 0.6; }
+.ios-note { margin-top: 12px; }
+.btn-row { display: flex; gap: 8px; }
 .grid { display: grid; grid-template-columns: 1fr 2fr; gap: 24px; align-items: start; }
 @media (max-width: 800px) { .grid { grid-template-columns: 1fr; } }
 /* Span full width across both columns when needed (e.g., public view) */