From 49fbcdc09c4c4b2c0dc7d2d5d7e9029972adf074 Mon Sep 17 00:00:00 2001 From: MHSanaei Date: Mon, 5 Oct 2026 20:20:52 +0200 Subject: [PATCH] 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 --- frontend/src/pages/index/PanelUpdateModal.css | 2 ++ frontend/src/pages/index/VersionModal.css | 2 ++ 2 files changed, 4 insertions(+) diff --git a/frontend/src/pages/index/PanelUpdateModal.css b/frontend/src/pages/index/PanelUpdateModal.css index 9c8190dcb..474da99d9 100644 --- a/frontend/src/pages/index/PanelUpdateModal.css +++ b/frontend/src/pages/index/PanelUpdateModal.css @@ -19,6 +19,8 @@ .actions-row { display: flex; + flex-wrap: wrap; justify-content: flex-end; + gap: 8px; margin-top: 12px; } diff --git a/frontend/src/pages/index/VersionModal.css b/frontend/src/pages/index/VersionModal.css index 473fc3842..c6fa88f26 100644 --- a/frontend/src/pages/index/VersionModal.css +++ b/frontend/src/pages/index/VersionModal.css @@ -25,6 +25,8 @@ .actions-row { display: flex; + flex-wrap: wrap; justify-content: flex-end; + gap: 8px; margin-top: 12px; }