diff --git a/src/content/admin/WorshipManagement.vue b/src/content/admin/WorshipManagement.vue index e095c72..f247e64 100644 --- a/src/content/admin/WorshipManagement.vue +++ b/src/content/admin/WorshipManagement.vue @@ -464,18 +464,39 @@ export default { } form { - display: flex; - flex-direction: column; + display: grid; + grid-template-columns: 180px 1fr; + gap: 15px 20px; + align-items: start; } -label { +form > label { + margin: 0; + padding-top: 8px; + text-align: right; + font-weight: 500; +} + +form > input[type="text"], +form > input[type="date"], +form > input[type="time"], +form > .multiselect, +form > .liturgical-day-section { + width: 100%; + max-width: 500px; +} + +form > input[type="checkbox"] { + justify-self: start; + margin-top: 8px; +} + +form > button { + grid-column: 1 / -1; + justify-self: start; margin-top: 10px; } -button { - margin-top: 20px; -} - .filter-section { margin: 30px 0 20px; padding: 15px; @@ -534,6 +555,7 @@ button { display: flex; flex-direction: column; gap: 10px; + max-width: 500px; } .liturgical-loader {