diff options
Diffstat (limited to 'themes/alps/assets/style.css')
-rw-r--r-- | themes/alps/assets/style.css | 55 |
1 files changed, 16 insertions, 39 deletions
diff --git a/themes/alps/assets/style.css b/themes/alps/assets/style.css index 789e04c..b8b7f64 100644 --- a/themes/alps/assets/style.css +++ b/themes/alps/assets/style.css @@ -157,39 +157,24 @@ aside a.new.active { } aside a.new.active, -main.compose, -main.new-contact, -main.new-event { +main.create-update { background-color: #f6fff6; } -main.compose, -main.new-contact, -main.new-event{ flex: 1 auto; padding: 1rem; } +main.create-update { flex: 1 auto; padding: 1rem; } +main.create-update form { flex: 1 auto; display: flex; flex-direction: column; } +main.create-update form label { margin-top: 5px; } -main.compose form, -main.new-contact form, -main.new-event form{ flex: 1 auto; display: flex; flex-direction: column; } - -main.compose form label, -main.new-contact form label, -main.new-event form label{ margin-top: 5px; } - -main.compose form label span, /* TODO: CSS grid this */ -main.new-contact form label span, -main.new-event form label span { display: inline-block; font-weight: bold; min-width: 150px; } - -main.compose form input, -main.new-contact form input, -main.new-event form input { width: 80%; } - -main.compose form textarea, -main.new-contact form textarea, -main.new-event form textarea { flex: 1 auto; resize: none; margin-top: 1rem; } +main.create-update form label span { + display: inline-block; + font-weight: bold; + min-width: 150px; +} -main.compose h1, -main.new-event h1 { margin: 0; } +main.create-update form input { width: 80%; } +main.create-update form textarea { flex: 1 auto; resize: none; margin-top: 1rem; } +main.create-update h1 { margin: 0; } main table { border-collapse: collapse; width: 100%; border: 1px solid #eee; } main table td { white-space: nowrap; padding: 0.3rem; color: #757373; @@ -246,9 +231,7 @@ main.contact dl { grid-gap: 1rem; } -main.compose .actions, -main.new-contact .actions -main.new-event .actions { +main.create-update .actions { display: flex; flex-direction: row; align-items: center; @@ -257,19 +240,13 @@ main.new-event .actions { margin-top: 0.3rem; } -main.compose .actions button, -main.compose .actions .button-link, -main.new-contact .actions button, -main.new-contact .actions .button-link, -main.new-event .actions button, -main.new-event .actions .button-link { +main.create-update .actions button, +main.create-update .actions .button-link { padding: 0.4rem 1rem 0.35rem; font-weight: bold; } -main.compose .actions > *:not(:last-child), -main.new-contact .actions > *:not(:last-child), -main.new-event .actions > *:not(:last-child) { +main.create-update .actions > *:not(:last-child) { margin-right: 1rem; } |