diff --git a/frontend/src/styles/join.css b/frontend/src/styles/join.css index baedee2..f5458db 100644 --- a/frontend/src/styles/join.css +++ b/frontend/src/styles/join.css @@ -55,6 +55,14 @@ .field.has-error input { border-color: var(--color-danger); box-shadow: 0 0 0 3px rgba(199, 54, 79, 0.1); } .error-msg { display: flex; align-items: center; gap: 6px; margin-top: var(--space-2); font: var(--text-body); color: var(--color-danger); } +/* Кнопка «Ввести другую ссылку или номер» (экран «конференция завершена») — + единственная кнопка на экране БЕЗ формы-обёртки (Продолжить/Войти лежат + в
, которая как block-элемент задаёт им ширину; здесь у .btn нет + родителя-формы). .btn держит white-space: nowrap (shell.css) — на + остальных кнопках текст короткий и это не заметно, а здесь длинная фраза + выталкивала кнопку за правый край карточки на узких экранах. */ +.flow-card > .btn-primary { width: 100%; white-space: normal; text-align: center; } + .link-back { display: block; text-align: center; margin-top: var(--space-5); font: var(--text-body); font-weight: 600; color: var(--color-ink-500); text-decoration: none; background: none; border: none; width: 100%; cursor: pointer; } .link-back:hover { color: var(--color-ink-700); }