From f5fb2b70a61d243bc04cd647367f6734741e9008 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BB=D0=B5=D0=BA=D1=81=D0=B0=D0=BD=D0=B4=D1=80=20?=
 =?UTF-8?q?=D0=97=D0=B8=D0=BC=D0=B8=D0=BD?= <zimin.an@nstart.space>
Date: Sun, 10 May 2026 17:30:38 +0000
Subject: [PATCH] =?UTF-8?q?fix(admin-ui):=20dict=20detail=20toolbar=20?=
 =?UTF-8?q?=E2=80=94=20wrap=20buttons=20=D0=B2=D0=BC=D0=B5=D1=81=D1=82?=
 =?UTF-8?q?=D0=BE=20=D0=BB=D0=BE=D0=BC=D0=BA=D0=B8=20=D1=82=D0=B5=D0=BA?=
 =?UTF-8?q?=D1=81=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ordinis-admin-ui/src/routes/dictionaries.$name.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/ordinis-admin-ui/src/routes/dictionaries.$name.tsx b/ordinis-admin-ui/src/routes/dictionaries.$name.tsx
index 289e77c..32cb32f 100644
--- a/ordinis-admin-ui/src/routes/dictionaries.$name.tsx
+++ b/ordinis-admin-ui/src/routes/dictionaries.$name.tsx
@@ -467,12 +467,18 @@ function DictionaryDetail() {
             : `${totalRecords} ${t('dict.list.records')}`
         }
         actions={
-          <div className="flex items-center gap-2">
+          // flex-wrap: при узком viewport кнопки переносятся на новую row
+          // вместо вмятия в 2 строки внутри одной кнопки. whitespace-nowrap на
+          // каждой Button — label всегда single line. Combination: buttons
+          // expand to fit text, и весь toolbar wraps below header при узком
+          // экране, а не давит лейблы.
+          <div className="flex flex-wrap items-center gap-2">
             <Button
               variant="secondary"
               leftIcon={<MapTrifoldIcon weight="bold" size={16} />}
               disabled={!detailQuery.data}
               onClick={() => setAoiOpen(true)}
+              className="whitespace-nowrap"
             >
               {t('aoi.button')}
             </Button>
@@ -482,6 +488,7 @@ function DictionaryDetail() {
               disabled={!detailQuery.data}
               onClick={() => setTimeTravelOpen((v) => !v)}
               aria-pressed={Boolean(timeTravelAt)}
+              className="whitespace-nowrap"
             >
               {t('timeTravel.button')}
             </Button>
@@ -490,6 +497,7 @@ function DictionaryDetail() {
               leftIcon={<GearIcon weight="bold" size={16} />}
               disabled={!detailQuery.data}
               onClick={() => setSchemaEditOpen(true)}
+              className="whitespace-nowrap"
             >
               {t('schema.action.editSchema')}
             </Button>
@@ -498,6 +506,7 @@ function DictionaryDetail() {
               leftIcon={<PlusIcon weight="bold" size={16} />}
               disabled={!detailQuery.data}
               onClick={() => setEdit({ kind: 'create' })}
+              className="whitespace-nowrap"
             >
               {t('dict.action.create')}
             </Button>