Changeset 03af7f8 in Klonkt

Timestamp:

06/18/2026 08:02:13 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

fbc8628

Parents:

6623453

Message:

SEO page: own style block (label-per-row, clean fields)

The .site-form style was scoped to admin-site-edit; the standalone SEO page
didn't inherit it → bare inline fields. Same style now applied.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

File:

• src/views/pages/admin-seo.ejs (modified) (2 diffs)

src/views/pages/admin-seo.ejs

@@ -11 +11 @@
     <fieldset>
       <legend>Indexeren</legend>
-      <label class="checkbox-row">
+      <label class="cb">
         <input type="checkbox" name="robots_index" value="1" <%= site.robots_index ? 'checked' : '' %>>
         <span>Zoekmachines mogen deze site indexeren <small class="form-hint-inline">— uit = <code>noindex</code> + sitemap.xml verborgen</small></span>
@@ -103 +103 @@
   </form>
 </div>
+
+<style>
+.admin-site-edit-page { max-width: 760px; margin: 3rem auto; padding: 0 1rem; }
+.admin-site-edit-page h1 { font-family: var(--font-display, serif); font-size: 1.8rem; margin: 0 0 0.4rem; }
+.admin-site-edit-page .admin-tagline { color: var(--ink-muted); margin: 0 0 1.75rem; }
+
+.site-form { display: flex; flex-direction: column; gap: 1.5rem; }
+.site-form fieldset {
+  border: 1px solid var(--rule);
+  border-radius: 8px;
+  padding: 1rem 1.25rem;
+  background: var(--paper-2);
+  display: flex;
+  flex-direction: column;
+  gap: 0.85rem;
+}
+.site-form fieldset legend { font-family: var(--font-display, serif); font-size: 1rem; padding: 0 0.4rem; }
+.site-form label { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.85rem; color: var(--ink-muted, var(--ink-soft)); }
+.site-form label.cb { flex-direction: row; align-items: flex-start; gap: 0.55rem; font-size: 0.9rem; color: var(--ink); }
+.site-form label.cb input { margin-top: 0.15rem; }
+.site-form label > span { line-height: 1.35; }
+.form-hint-inline { font-weight: 400; color: var(--ink-muted); font-size: 0.82em; }
+.site-form code { background: var(--paper); padding: 0.05rem 0.35rem; border-radius: 3px; font-size: 0.85em; }
+.site-form input[type="text"], .site-form textarea, .site-form select {
+  padding: 0.55rem 0.85rem;
+  border: 1px solid var(--rule);
+  border-radius: 5px;
+  background: var(--paper);
+  color: var(--ink);
+  font-family: inherit;
+  font-size: 0.95rem;
+  width: 100%;
+  box-sizing: border-box;
+}
+.site-form textarea { resize: vertical; min-height: 2.6rem; }
+.site-form select { max-width: 320px; }
+.site-form input:focus, .site-form textarea:focus, .site-form select:focus {
+  outline: none; border-color: var(--accent);
+}
+.seo-pointer p { margin: 0; font-size: 0.9rem; color: var(--ink-muted); }
+.seo-pointer a { color: var(--accent); font-weight: 600; }
+.site-form > button[type="submit"] { align-self: flex-start; }
+</style>