fix(frontend): wrap overview modal action buttons on long labels

The Geodata Auto-Update actions row is a non-wrapping flex row with no
gap. Its three buttons fit in English, but the longer Russian, Ukrainian
and Turkish labels make the row wider than the default-width modal, so
the buttons spill out of it. The row now wraps with an 8px gap.

.actions-row is a global class defined identically in VersionModal.css
and PanelUpdateModal.css, so both copies change to keep the cascade
order irrelevant. Verified in Chromium with a temporary Storybook story
rendering VersionModal in ru-RU: the first button sat 88px outside the
modal before the change and inside it after.

Closes #6737
This commit is contained in:
MHSanaei
2026-10-05 20:20:52 +02:00
parent aacfaebab8
commit 49fbcdc09c
2 changed files with 4 additions and 0 deletions
@@ -19,6 +19,8 @@
.actions-row {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
margin-top: 12px;
}
@@ -25,6 +25,8 @@
.actions-row {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
margin-top: 12px;
}