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; } diff --git a/themes/alps/compose.html b/themes/alps/compose.html index 0975aad..0342c29 100644 --- a/themes/alps/compose.html +++ b/themes/alps/compose.html @@ -15,7 +15,7 @@
-
+
diff --git a/themes/alps/update-address-object.html b/themes/alps/update-address-object.html index 52644d0..1b73600 100644 --- a/themes/alps/update-address-object.html +++ b/themes/alps/update-address-object.html @@ -10,7 +10,7 @@
-
+

{{if .Card}}Edit{{else}}Create{{end}} contact diff --git a/themes/alps/update-event.html b/themes/alps/update-event.html index 7672a7b..7e7c1eb 100644 --- a/themes/alps/update-event.html +++ b/themes/alps/update-event.html @@ -10,7 +10,11 @@
-
+
+

+ {{if .CalendarObject}}Edit{{else}}Create{{end}} event +

+