Changeset 57b1843 in Klonkt

Timestamp:

06/20/2026 06:44:46 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

e6ad948

Parents:

9d9f3c1

Message:

fix(epk): clean form styling on the press kit edit page

The .set-* styling was inline in admin-settings.ejs → the EPK page didn't
get it (inline labels, cramped layout). Added own <style>: stacked labels,
full-width input and textarea, focus accent.

Co-Authored-By: Claude <noreply@…>

File:

• src/views/pages/admin-epk.ejs (modified) (1 diff)

src/views/pages/admin-epk.ejs

@@ -30 +30 @@
   </section>
 </div>
+
+<style>
+  .admin-page .set-card { background: var(--paper-2); border: 1px solid var(--rule); border-radius: 12px; padding: 1.25rem; margin-top: 1rem; }
+  .admin-page .set-card h2 { font-family: var(--font-display, serif); font-size: 1.25rem; margin: 0 0 0.5rem; }
+  .admin-page .set-help { font-size: 0.85rem; color: var(--ink-soft, var(--ink-muted)); line-height: 1.5; margin: 0 0 1rem; max-width: 60ch; }
+  .admin-page .set-form { display: flex; flex-direction: column; gap: 1rem; max-width: 520px; }
+  .admin-page .set-field { display: flex; flex-direction: column; gap: 0.3rem; }
+  .admin-page .set-field > span { font-size: 0.8rem; font-weight: 600; color: var(--ink-soft, var(--ink-muted)); }
+  .admin-page .set-field input,
+  .admin-page .set-field textarea {
+    width: 100%; box-sizing: border-box;
+    padding: 0.6rem 0.75rem;
+    border: 1px solid var(--rule); border-radius: 6px;
+    background: var(--paper); color: var(--ink);
+    font-family: var(--font-ui, system-ui), sans-serif; font-size: 0.95rem;
+    -webkit-appearance: none; appearance: none;
+  }
+  .admin-page .set-field textarea { resize: vertical; line-height: 1.5; }
+  .admin-page .set-field input:focus,
+  .admin-page .set-field textarea:focus { outline: 2px solid var(--accent); outline-offset: -1px; border-color: var(--accent); }
+  .admin-page .set-form .btn { align-self: flex-start; }
+</style>