1 files changed, 25 insertions, 21 deletions

diff --git a/static/styles.css b/static/styles.css
index ad1cc70..62297cf 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -128,32 +128,36 @@ a:hover {
     border-radius: 10px;
     padding: 1em;
     padding-top: .6em;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    gap: 2em;
+    align-items: center;
 }
 
-.event-header-wrapper {
-    display: inline-block;
-}
-
-.event-header {
-    width: 100%;
-    display: grid;
-    grid-template-columns: auto auto;
-    gap: 1em;
+.event-data {
+	width: fit-content;
 }
 
 .instance {
-    font-weight: bold;
     border: 1px darkslategrey dotted;
     border-radius: 5px;
-    padding: 1em;
-    padding-top: .6em;
-    display: inline-block;
+    padding: .6em;
+    padding-top: .2em;
+	width: fit-content;
 }
 
 .instance-ok {
     background: #dfd;
 }
 
+.instance-changed {
+    background: #fffbdd;
+}
+
+.instance-cancelled {
+    background: #fdd;
+}
+
 hr {
     border: 0;
     border-bottom: 1px dashed #ccc;
@@ -168,14 +172,8 @@ hr {
     text-align: center;
 }
 
-.info {
-    padding-left: 2em;
-    padding-top: .5em;
-}
-
-.info p {
-    margin: 0;
-    margin-bottom: .5em;
+details {
+	font-size: 90%;
 }
 
 .event-time {
@@ -191,3 +189,9 @@ hr {
 	font-size: 90%;
 	font-style: italic;
 }
+
+.about {
+	max-width: 40ch;
+	text-align: center;
+	margin: auto;
+}