diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css index 6c85c99..d1f3d86 100644 --- a/apps/web/src/app/globals.css +++ b/apps/web/src/app/globals.css @@ -335,3 +335,9 @@ footer.site .logo-by { color: #94a3b8; } .consent-save:hover { text-decoration: underline; } .consent-reopen { background: none; border: 0; padding: 0; color: #b8becd; font-size: 0.88rem; cursor: pointer; font-family: inherit; } .consent-reopen:hover { color: var(--paper); } + +/* ---------- Touch screens: small text links get a finger-sized hit area ---------- */ +@media (pointer: coarse) { + .lp .sec-link, .ad .ad-back, .acc-page .acc-who a, .acc-page .acc-who .pp-link, .pp .pp-history .pp-link { padding-top: 8px; padding-bottom: 8px; } + .pj .lang-toggle, .pj .phone-actions .lang-toggle { padding: 8px 14px; } +} diff --git a/apps/web/src/app/home.css b/apps/web/src/app/home.css index f7faf94..3cd136b 100644 --- a/apps/web/src/app/home.css +++ b/apps/web/src/app/home.css @@ -176,7 +176,7 @@ .lp .own-idea { display: grid; grid-template-columns: auto 1fr minmax(240px, 1.1fr) auto; align-items: center; gap: 18px; margin-top: 18px; padding: 16px 18px; background: #fff; border: 1px dashed #c7d2fe; border-radius: 16px; } .lp .own-idea-ico { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 1px solid var(--border); color: var(--accent); } .lp .own-idea-text b { display: block; font-family: var(--font-display); font-size: 1.05rem; } -.lp .own-idea-text small { font-size: 0.84rem; color: var(--ink-soft); line-height: 1.4; } +.lp .own-idea-text small { display: block; font-size: 0.84rem; color: var(--ink-soft); line-height: 1.45; } .lp .own-idea-input { width: 100%; padding: 12px 14px; font-family: var(--font-body); font-size: 0.9rem; border: 1px solid var(--border); border-radius: 10px; background: var(--tint); color: var(--ink); } .lp .own-idea-input:focus { outline: 2px solid var(--accent); outline-offset: 1px; background: #fff; } .lp .own-idea .btn { white-space: nowrap; } @@ -188,7 +188,7 @@ .lp .about-chips { display: grid; gap: 12px; margin-bottom: 1.8rem; } .lp .about-chip { display: flex; gap: 12px; align-items: center; } .lp .about-chip b { display: block; font-size: 0.95rem; } -.lp .about-chip small { font-size: 0.84rem; color: var(--ink-soft); } +.lp .about-chip small { display: block; font-size: 0.84rem; color: var(--ink-soft); line-height: 1.45; } .lp .about-pic { border-radius: 24px; overflow: hidden; box-shadow: 0 30px 70px rgba(15, 23, 42, 0.16); aspect-ratio: 16 / 10; } .lp .about-pic img { display: block; width: 100%; height: 100%; object-fit: cover; } diff --git a/apps/web/src/dictionaries/de.ts b/apps/web/src/dictionaries/de.ts index 93be0e4..7bbc63b 100644 --- a/apps/web/src/dictionaries/de.ts +++ b/apps/web/src/dictionaries/de.ts @@ -460,7 +460,7 @@ export const de = { "Updates für neue iOS- und Android-Versionen", "Monatlich kündbar, keine Mindestlaufzeit", ], - careStart: "Care starten für {price}/Monat →", + careStart: "Care starten für {price}/Monat\u00a0→", careActiveHint: "aktiv, Änderungen sind unbegrenzt inklusive.", careEndsOn: "Care endet am {date}.", careCancel: "Care kündigen", diff --git a/apps/web/src/dictionaries/en.ts b/apps/web/src/dictionaries/en.ts index 57facd2..addaf51 100644 --- a/apps/web/src/dictionaries/en.ts +++ b/apps/web/src/dictionaries/en.ts @@ -460,7 +460,7 @@ export const en = { "Updates for new iOS and Android versions", "Monthly, no minimum term", ], - careStart: "Start Care for {price}/month →", + careStart: "Start Care for {price}/month\u00a0→", careActiveHint: "active, unlimited changes included.", careEndsOn: "Care ends on {date}.", careCancel: "Cancel Care",