diff --git a/web/src/main/resources/static/css/app.css b/web/src/main/resources/static/css/app.css index 030b49f..2eca458 100644 --- a/web/src/main/resources/static/css/app.css +++ b/web/src/main/resources/static/css/app.css @@ -239,7 +239,20 @@ dialog.modal::backdrop { background: rgba(0,0,0,0.55); } .modal-title { margin: 0; font-size: 1.0625rem; font-weight: 600; } .modal-close { border: none; background: none; cursor: pointer; font-size: 1.25rem; color: var(--c-text-muted); padding: 0 0.25rem; } .modal-close:hover { color: var(--c-text); } -.modal-body { padding: 1.5rem; max-height: 70vh; overflow-y: auto; } +.modal-body { padding: 1.5rem; max-height: 70vh; overflow-y: auto; display: flex; flex-direction: column; } +/* Кнопки действий — внизу справа; при увеличенной модалке пустота снизу не остаётся */ +.modal-body > form.form-stack:last-child { flex: 1 1 auto; } +.modal-body > form.form-stack:last-child > button:last-child, +.modal-body > form.form-stack:last-child > .flex:last-child, +.modal-body.form-stack > button:last-child, +.modal-body.form-stack > .flex:last-child, +.modal-body > button:last-child, +.modal-body > .flex:last-child { + margin-top: auto; + align-self: flex-end; +} +.modal-body > #defense-actions { margin-top: auto; } +.modal-body > #defense-actions .flex { justify-content: flex-end; } /* Двухуровневые формы уровней лабы */ .level-row { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 0.5rem; }