From 5096d0ba054f0ac0a069029cb498b35f5116d719 Mon Sep 17 00:00:00 2001
From: Bernard Siebens <bernard@siebens.org>
Date: Fri, 21 Aug 2026 16:07:00 +0200
Subject: [PATCH] Vertically center the event-detail label/value rows

Face-off/Meet/Where each sat at the top of their row instead of centered
against the value -- fine for a single-line value, but Where's two-line
address made the label visibly misaligned. Added items-center to each
row's flex container.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9
---
 mobile/templates/mobile/event_detail.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/mobile/templates/mobile/event_detail.html b/mobile/templates/mobile/event_detail.html
index 63a9973..d6bbb70 100644
--- a/mobile/templates/mobile/event_detail.html
+++ b/mobile/templates/mobile/event_detail.html
@@ -21,18 +21,18 @@
     </div>
 
     <div class="m-card flex flex-col gap-2.5 p-4">
-        <div class="flex gap-3.5">
+        <div class="flex items-center gap-3.5">
             <span class="w-20 shrink-0 font-display text-xs font-extrabold tracking-wide text-muted uppercase">{% trans "Face-off" %}</span>
             <span class="text-[15px] font-semibold text-ink">{{ event.start|date:"D d M \a\t H:i" }}</span>
         </div>
         {% if event.gathering %}
-            <div class="flex gap-3.5">
+            <div class="flex items-center gap-3.5">
                 <span class="w-20 shrink-0 font-display text-xs font-extrabold tracking-wide text-muted uppercase">{% trans "Meet" %}</span>
                 <span class="text-[15px] font-semibold text-ink">{{ event.gathering|date:"H:i" }}</span>
             </div>
         {% endif %}
         {% if event.location %}
-            <div class="flex gap-3.5">
+            <div class="flex items-center gap-3.5">
                 <span class="w-20 shrink-0 font-display text-xs font-extrabold tracking-wide text-muted uppercase">{% trans "Where" %}</span>
                 <span class="text-[15px] font-semibold text-ink">
                     {{ event.location.name }}<br>