diff options
| -rw-r--r-- | index.html | 32 | ||||
| -rw-r--r-- | static/styles.css | 5 |
2 files changed, 15 insertions, 22 deletions
@@ -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%; } |