From 86deb56524d917cb253f81990189944abf5f7105 Mon Sep 17 00:00:00 2001
From: Johan Lundberg <lundberg@sunet.se>
Date: Fri, 13 Mar 2026 20:44:30 +0100
Subject: [PATCH] style: add E.164 format hint to phone number inputs

---
 src/porchlight/templates/admin/user_detail.html | 2 +-
 src/porchlight/templates/manage/profile.html    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/porchlight/templates/admin/user_detail.html b/src/porchlight/templates/admin/user_detail.html
index 147adc7..f65717e 100644
--- a/src/porchlight/templates/admin/user_detail.html
+++ b/src/porchlight/templates/admin/user_detail.html
@@ -29,7 +29,7 @@
         </div>
         <div>
             <label for="phone_number">Phone number</label>
-            <input type="tel" id="phone_number" name="phone_number" value="{{ target_user.phone_number or '' }}" maxlength="50">
+            <input type="tel" id="phone_number" name="phone_number" value="{{ target_user.phone_number or '' }}" maxlength="50" pattern="\+[0-9 ]+" title="International format: +46701234567">
         </div>
         <div>
             <label for="picture">Picture URL</label>
diff --git a/src/porchlight/templates/manage/profile.html b/src/porchlight/templates/manage/profile.html
index 71a3d47..a47858a 100644
--- a/src/porchlight/templates/manage/profile.html
+++ b/src/porchlight/templates/manage/profile.html
@@ -33,7 +33,7 @@
             </div>
             <div>
                 <label for="phone_number">Phone number</label>
-                <input type="tel" id="phone_number" name="phone_number" value="{{ user.phone_number or '' }}" maxlength="50" autocomplete="tel">
+                <input type="tel" id="phone_number" name="phone_number" value="{{ user.phone_number or '' }}" maxlength="50" autocomplete="tel" pattern="\+[0-9 ]+" title="International format: +46701234567">
             </div>
             <div>
                 <label for="picture">Picture URL</label>