From 7aba21ad86133c755efb01f79990d140cea55bb6 Mon Sep 17 00:00:00 2001
From: Adrien Hopkins <adrien.p.hopkins@gmail.com>
Date: Thu, 13 Nov 2025 17:31:36 -0500
Subject: Make expiry labels <label> components

Makes it easier to click on the checkbox!
---
 src/routes/(app)/dm/[recipient]/+page.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/routes/(app)/dm/[recipient]/+page.svelte b/src/routes/(app)/dm/[recipient]/+page.svelte
index 17a8ad23..0396a238 100644
--- a/src/routes/(app)/dm/[recipient]/+page.svelte
+++ b/src/routes/(app)/dm/[recipient]/+page.svelte
@@ -251,7 +251,8 @@
 
         <textarea id="message-contents" bind:value={text}></textarea>
 
-        <input type="checkbox" class="tiny" bind:checked={expiryEnabled} disabled={!canSendExpiring}>{$t("dm.expiry")}: <input type="number" class="short" bind:value={expiryDays} disabled={!expiryEnabled} min="1" step="1" max="99999"> {$t("dm.days")}.
+        <input type="checkbox" id="expiryCheckbox" class="tiny" bind:checked={expiryEnabled} disabled={!canSendExpiring}>
+        <label for="expiryCheckbox">{$t("dm.expiry")}</label>: <input type="number" class="short" bind:value={expiryDays} disabled={!expiryEnabled} min="1" step="1" max="99999"> <label for="expiryCheckbox">{$t("dm.days")}</label>.
         <p class="expiring">{$t("dm.fadedWarning")}</p>
         {#if canSend && !canSendExpiring}
             <p class="warning"><em>{$t("dm.cantSendExpiring").replace("[R]", recipient.username)}</em></p>
-- 
cgit v1.2.3