fix(join): кнопка «Ввести другую ссылку или номер» вылезала за карточку

.btn держит white-space: nowrap — на остальных кнопках экрана join текст
короткий, а на экране «конференция завершена» кнопка не обёрнута в форму
(в отличие от Продолжить/Войти) и не получает от неё ширину, поэтому
длинная фраза без переноса выталкивала кнопку за правый край карточки на
узких экранах.
This commit is contained in:
2026-07-26 04:38:51 +03:00
parent a04ae3152f
commit 3c36a45d57

View File

@@ -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); }
/* Кнопка «Ввести другую ссылку или номер» (экран «конференция завершена») —
единственная кнопка на экране БЕЗ формы-обёртки (Продолжить/Войти лежат
в <form>, которая как 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); }