style next hint

wlmac · Dec 10, 2023 · 620b1a2 · 620b1a2
1 parent 585bcb5
commit 620b1a2
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 11 deletions.
diff --git a/core/static/core/qr.css b/core/static/core/qr.css
@@ -9,14 +9,21 @@ main {
   margin-bottom: 2rem;
 }
 
-.hint {
-  opacity: 90%;
-}
-
 .hint,
 .hint-top {
   font-size: 1.8rem;
-  text-align: center;
+  text-align: left;
+}
+
+.hint-content {
+  opacity: 90%;
+  font-weight: lighter;
+  font-size: 1.5rem;
+}
+
+.text-container{
+  padding-left: 2em;
+  padding-right: 2em;
 }
 
 .padding {
@@ -30,3 +37,7 @@ main {
   display: grid;
   place-items: center;
 }
+
+.separator {
+  border: 1.5px solid white;
+}
diff --git a/core/templates/core/qr.html b/core/templates/core/qr.html
@@ -28,14 +28,15 @@
 {% block body %}
     <div class="text-container">
     {% if not first and qr is not None %}
-        <div>
+        <div class="hint-top">
             {% translate "your team found:" %} <br />
             {% hint qr request.user.current_team as hint %}
-	    <span class="hint">{{ hint |mistune }}</span>
+	    <span class="hint-content">{{ hint |mistune }}</span>
             {% if request.user.is_superuser %}
-	    <br />({{ qr }} <a class="link" href="{% url 'admin:core_qrcode_change' object_id=qr.id %}">{% translate "change" %}</a>)
+                <span style="font-size: 1rem">({{ qr }} <a class="link" href="{% url 'admin:core_qrcode_change' object_id=qr.id %}">{% translate "change" %}</a>)</span>
             {% endif %}
         </div>
+        <hr class="separator"/>
     {% endif %}
     {% if not offpath %}
     <div class="hint">
@@ -52,9 +53,9 @@
         </div>
         {% if nexthint %}
             {% hint nexthint request.user.current_team as hint %}
-	    <span class="hint">{{ hint|mistune }}</span>
+	    <span class="hint-content">{{ hint|mistune }}</span>
             {% if request.user.is_superuser %}
-                <br />({{ nexthint }} <a class="link" href="{% url 'admin:core_qrcode_change' object_id=nexthint.id %}">change</a>)
+                <span style="font-size: 1rem">({{ nexthint }} <a class="link" href="{% url 'admin:core_qrcode_change' object_id=nexthint.id %}">change</a>)</span>
             {% endif %}
 
             {% if logic_hint %}
@@ -68,7 +69,8 @@
             {% ending_block request.user.current_team.hunt %}
             {% translate 'Oh ho? What lieth there? Tis the light at the end of the tunnel! <br /> Congratulations valiant scavenger and thank you for playing!' %}
         {% endif %}
-        </div></div> <!-- Why does this exist.. -->
+        </div>
+    </div> <!-- Why does this exist.. -->
     {% else %}
 {% translate 'Incorrect QR code, please read your hint again or contact an organizer' %}