alps theme: add contact edit/create

1 files changed, 33 insertions, 10 deletions

diff --git a/themes/alps/assets/style.css b/themes/alps/assets/style.css
index eab050b..c62fbbc 100644
--- a/themes/alps/assets/style.css
+++ b/themes/alps/assets/style.css
@@ -157,16 +157,32 @@ aside a.new.active {
 }
 
 aside a.new.active,
-main.compose {
+main.compose,
+main.new-contact {
   background-color: #f6fff6;
 }
 
-main.compose { flex: 1 auto; padding: 1rem; }
-main.compose form { flex: 1 auto; display: flex; flex-direction: column; }
-main.compose form label { margin-top: 5px; }
-main.compose form label span { display: inline-block; font-weight: bold; min-width: 100px; }
-main.compose form input { width: 80%; }
-main.compose form textarea { flex: 1 auto; resize: none; margin-top: 1rem; }
+main.compose,
+main.new-contact { flex: 1 auto; padding: 1rem; }
+
+main.compose form,
+main.new-contact form { flex: 1 auto; display: flex; flex-direction: column; }
+
+main.compose form label,
+main.new-contact form label { margin-top: 5px; }
+
+main.compose form label span,
+/* TODO: CSS grid this */
+main.new-contact form label span { display: inline-block; font-weight: bold; min-width: 150px; }
+
+main.compose form input,
+main.new-contact form input { width: 80%; }
+
+main.compose form textarea,
+main.new-contact form textarea { flex: 1 auto; resize: none; margin-top: 1rem; }
+
+main.compose 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;
   overflow: hidden;
@@ -222,19 +238,26 @@ main.contact dl {
   grid-gap: 1rem;
 }
 
-main.compose .actions {
+main.compose .actions,
+main.new-contact .actions {
   display: flex;
   flex-direction: row;
   align-items: center;
+  background: transparent;
+  padding-left: 0;
+  margin-top: 0.3rem;
 }
 
 main.compose .actions button,
-main.compose .actions .button-link {
+main.compose .actions .button-link,
+main.new-contact .actions button,
+main.new-contact .actions .button-link {
   padding: 0.4rem 1rem 0.35rem;
   font-weight: bold;
 }
 
-main.compose .actions > *:not(:last-child) {
+main.compose .actions > *:not(:last-child),
+main.new-contact .actions > *:not(:last-child) {
   margin-right: 1rem;
 }