From 7fb2b65eaafa7ad63c7b3f6850934f958afa1bb4 Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Wed, 20 May 2020 13:40:53 -0400
Subject: alps theme: unify create/update styles

---
 themes/alps/assets/style.css           | 55 ++++++++++------------------------
 themes/alps/compose.html               |  2 +-
 themes/alps/update-address-object.html |  2 +-
 themes/alps/update-event.html          |  6 +++-
 4 files changed, 23 insertions(+), 42 deletions(-)

(limited to 'themes')

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 @@
   </aside>
 
   <div class="container">
-    <main class="compose">
+    <main class="create-update">
 
       <form method="post" action="" enctype="multipart/form-data">
         <input type="hidden" name="in_reply_to" value="{{.Message.InReplyTo}}">
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 @@
   </aside>
 
   <div class="container">
-    <main class="new-contact">
+    <main class="create-update">
       <form method="post">
         <h2>
           {{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 @@
   </aside>
 
   <div class="container">
-    <main class="new-event">
+    <main class="create-update">
+      <h2>
+        {{if .CalendarObject}}Edit{{else}}Create{{end}} event
+      </h2>
+
       <form method="post">
         <label>
           <span>Event name</span>
-- 
cgit v1.2.3