diff --git a/web-next/app/[locale]/expired-link/page.tsx b/web-next/app/[locale]/expired-link/page.tsx index 49df8e1..721e7e9 100644 --- a/web-next/app/[locale]/expired-link/page.tsx +++ b/web-next/app/[locale]/expired-link/page.tsx @@ -29,7 +29,11 @@ export default async function ExpiredLinkPage({ params }: { params: Promise<{ lo

-
+ {/* `display:block` a mano, como el resto de formularios: el tema deja + `.alert-message` OCULTA para que la rellene y la revele el JS. Aquí + el aviso es estático y sin esto no se ve NINGUNO — le pasa al + original, que enseña esta página con el mensaje invisible. */} +
{t('expiredLink.message')}

diff --git a/web-next/app/globals.css b/web-next/app/globals.css index 32aefa2..80aaea4 100644 --- a/web-next/app/globals.css +++ b/web-next/app/globals.css @@ -40,6 +40,19 @@ input[type='number'] { table { border-collapse: separate; } +/* `.back-to-account` es el botón de la CABECERA de una caja: 250px de ancho, + line-height 50 y flotando a la derecha. Cuando se usa suelto en el CUERPO + (el "Solicitar nuevo cambio de correo" de /expired-link) sale mal por dos + motivos: el float lo pega a la derecha en vez de centrarlo, y el texto no cabe + en 250px, se parte en dos líneas y cada una se lleva sus 50px -> un botón de + 250x100. Aquí se le deja el aspecto del tema pero ajustado a su texto. */ +.body-box-content .centered a.back-to-account { + float: none; + display: inline-block; + width: auto; + padding: 0 24px; +} + /* Mismo caso que .item-box de la tienda: el tema da a `.cc-box` (creadores de contenido) una altura FIJA de 172px contando con el content-box del navegador, y el border-box de Tailwind le resta el padding y el borde. Con 24px menos de