From c8df250905bf626c2c87fd71296573efff933338 Mon Sep 17 00:00:00 2001
From: petrus comestor <petrus@comestor.org>
Date: Mon, 22 Jul 2024 12:37:44 -0400
Subject: spritz

---
 index.html        | 32 +++++++++++---------------------
 static/styles.css |  5 ++++-
 2 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/index.html b/index.html
index a2ca76e..6775d84 100644
--- a/index.html
+++ b/index.html
@@ -36,17 +36,16 @@
                     <span class="event-location"><a href="https://maps.app.goo.gl/h4CyTKFKULxWNjXN9">McCarren Park</a></span>
                     <br>
                     <span class="neighborhood">Williamsburg</span>
-                    <details>
-                        <summary>Information</summary>
-                        <div class="info">
-                            North corner, west side
-                            <br>
-                            Rainy day location: <a href="https://maps.app.goo.gl/4jKTTTJ3h61dGPyz6">Spritzenhaus33</a>
-                        </div>
-                    </details>
+                    <div class="info">
+                        North corner, west side
+                        <br>
+                        If rain: at <a href="https://maps.app.goo.gl/4jKTTTJ3h61dGPyz6">Spritzenhaus33</a>
+                    </div>
                 </div>
-                <div class="instance instance-ok">
+                <div class="instance instance-changed">
                     <em>Next:</em><br><strong>July 22</strong>
+                    <br>
+                    Moved to <a href="https://maps.app.goo.gl/4jKTTTJ3h61dGPyz6">Spritzenhaus33</a> due to rain.
                 </div>
             </div>
             <br>
@@ -57,12 +56,9 @@
                     <span class="event-location"><a href="https://maps.app.goo.gl/UTNUqUdEjYCssiMx5">Jefferson Market Library</a></span>
                     <br>
                     <span class="neighborhood">Greenwich Village</span>
-                    <details>
-                        <summary>Information</summary>
-                        <div class="info">
-                            Elevator to third floor
-                        </div>
-                    </details>
+                    <div class="info">
+                        Elevator to third floor
+                    </div>
                 </div>
                 <div class="instance instance-ok">
                     <em>Next:</em><br><strong>July 24</strong>
@@ -76,12 +72,6 @@
                     <span class="event-location"><a href="https://maps.app.goo.gl/ewGbWuEjp7cedMrb7">Book Club Bar</a></span>
                     <br>
                     <span class="neighborhood">East Village</span>
-                    <details>
-                        <summary>Information</summary>
-                        <div class="info">
-                            Rear half of store
-                        </div>
-                    </details>
                 </div>
                 <div class="instance instance-ok">
                     <em>Next:</em><br><strong>August 4</strong>
diff --git a/static/styles.css b/static/styles.css
index 62297cf..dab0c99 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -132,6 +132,8 @@ a:hover {
     grid-template-columns: auto 1fr;
     gap: 2em;
     align-items: center;
+    justify-items: end;
+    max-width: 500px;
 }
 
 .event-data {
@@ -139,6 +141,7 @@ a:hover {
 }
 
 .instance {
+    text-align: right;
     border: 1px darkslategrey dotted;
     border-radius: 5px;
     padding: .6em;
@@ -172,7 +175,7 @@ hr {
     text-align: center;
 }
 
-details {
+.info {
 	font-size: 90%;
 }
 
-- 
cgit v1.2.3