From 23bfd45d52c6eecd995fcc8550e066712db549a6 Mon Sep 17 00:00:00 2001
From: furo <furo@qwik.space>
Date: Wed, 9 Aug 2023 17:58:55 +0200
Subject: [PATCH] "woof" > "map" :)

---
 static/ddguesser.css         |  6 +++---
 templates/location.html.tera | 11 ++++++-----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/static/ddguesser.css b/static/ddguesser.css
index a22e694..fd7fe39 100644
--- a/static/ddguesser.css
+++ b/static/ddguesser.css
@@ -68,16 +68,16 @@ span.incorrect {
     color: #E04F53;
 }
 
-.woof {
+.map {
     position: relative;
     width: 100%;
 }
 
-.woof > img {
+.map > img {
     width: 100%;
 }
 
-.woof > p {
+.map > p {
     position: absolute;
     bottom: 1rem;
     user-select: none;
diff --git a/templates/location.html.tera b/templates/location.html.tera
index 4c86759..dfd0548 100644
--- a/templates/location.html.tera
+++ b/templates/location.html.tera
@@ -4,14 +4,15 @@
 <header>
     <h1>Which map is this image from?</h1>
 </header>
-{% if guess %}
-<div class="woof">
+<div class="map">
+    {% if guess %}
     <img src="/static/location-data/{{ location.id }}.png" class="map" loading="lazy">
     <p class="guess">Your guess {{ guess.map }} is <span class="{{ guess.result }}">{{ guess.result }}</span>!</p>
+    {% else %}
+    <img src="/static/location-data/{{ location.id }}.png" class="map" loading="lazy">
+    {% endif %}
 </div>
-{% else %}
-<img src="/static/location-data/{{ location.id }}.png" class="map" loading="lazy">
-{% endif %}
+
 <form action="/location/{{ location.id }}" method="get">
     <label for="guess">Enter map to guess for:</label>
     <input type="text" name="guess" id="guess" list="map-names" autofocus>