fix: make Post Daily button full-width and mobile-friendly

This commit is contained in:
2026-06-18 20:02:20 +02:00
parent 6b24215190
commit 682ba00bea
2 changed files with 10 additions and 5 deletions
+9 -4
View File
@@ -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); }