ui(login): forgot-password link under the password field (no wrap at 375 px)

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

Simon-Pierre Boucher committed 17 days ago (Sep 6, 2026) parent d9fc592

1 changed file +10 −9

modified frontend/src/features/auth/login-page.tsx +10 −9

		`@@ -103,15 +103,16 @@ export function LoginPage() {`
103	103	</span>
104	104	</label>
105	105	{mode === 'password' && (
106		− <label className="block">
107		− <span className="flex items-baseline justify-between text-sm font-medium">Mot de passe
108		− <button type="button" onClick={() => { setMode('forgot'); setError(null); }} className="text-xs font-normal text-uqo-blue underline min-h-[24px]">Première connexion ou mot de passe oublié ?</button>
109		− </span>
110		− <span className="mt-1 flex items-center rounded-xl border border-neutral-line focus-within:border-uqo-blue">
111		− <Lock size={18} className="ml-3 text-neutral-muted" />
112		− <input type="password" required value={password} onChange={(e) => setPassword(e.target.value)} autoComplete="current-password" className="h-12 flex-1 bg-transparent px-3 outline-none" />
113		− </span>
114		− </label>
	106	+ <div>
	107	+ <label className="block">
	108	+ <span className="text-sm font-medium">Mot de passe</span>
	109	+ <span className="mt-1 flex items-center rounded-xl border border-neutral-line focus-within:border-uqo-blue">
	110	+ <Lock size={18} className="ml-3 text-neutral-muted" />
	111	+ <input type="password" required value={password} onChange={(e) => setPassword(e.target.value)} autoComplete="current-password" className="h-12 flex-1 bg-transparent px-3 outline-none" />
	112	+ </span>
	113	+ </label>
	114	+ <button type="button" onClick={() => { setMode('forgot'); setError(null); }} className="mt-1.5 text-sm text-uqo-blue underline min-h-[32px] text-left">Première connexion ou mot de passe oublié ?</button>
	115	+ </div>
115	116	)}
116	117	{mode === 'password' && (
117	118	<label className="flex items-start gap-2 text-sm">
118	119