diff --git a/pages/02.post/post-form.md b/pages/02.post/post-form.md index 59ab057..ae2f6ee 100644 --- a/pages/02.post/post-form.md +++ b/pages/02.post/post-form.md @@ -88,7 +88,7 @@ form: buttons: - type: submit - value: Post Entry + value: Post Daily classes: btn-post process: diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css index 063f6c1..b9d2f5c 100644 --- a/themes/intotheeast/css/style.css +++ b/themes/intotheeast/css/style.css @@ -546,26 +546,31 @@ body { .post-form-wrap textarea { resize: vertical; min-height: 160px; line-height: var(--leading-normal); } -/* Submit button */ +/* Submit button — target by class directly so it works regardless of Grav's wrapper markup */ +.btn-post, .post-form-wrap .form-actions input[type="submit"], .post-form-wrap .form-actions .btn, .post-form-wrap .form-actions button[type="submit"] { display: block; width: 100%; - padding: 1rem; - min-height: 52px; + box-sizing: border-box; + padding: 1.1rem 1rem; + min-height: 56px; background: var(--color-accent); color: var(--color-accent-on); border: none; border-radius: var(--radius-md); font-family: var(--font-ui); - font-size: var(--text-base); + font-size: var(--text-md); font-weight: 600; cursor: pointer; transition: background 0.15s; margin-top: var(--space-6); + text-align: center; + -webkit-appearance: none; } +.btn-post:hover, .post-form-wrap .form-actions input[type="submit"]:hover, .post-form-wrap .form-actions button[type="submit"]:hover { background: var(--color-accent-hover); }