From 24f04ef3efbfe71ed8cc19a519dff6370beb0741 Mon Sep 17 00:00:00 2001
From: "Zimin A.N." <zimin.an@nstart.space>
Date: Mon, 11 May 2026 22:11:24 +0300
Subject: [PATCH] fix(ui): TopBar right cluster + catalog toolbar h-8 align
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- TopBar: right cluster `md:ml-0 ml-auto` → `ml-auto` always. Без TopBar
  search в центре уже нечего push'ить вправо через form, right cluster
  должен сам прижиматься к правому краю. User: "в топбаре руководство
  и далее по правой стороне".
- Catalog toolbar: scope chips / bundle pills / Граф button — все на
  h-8 (было py-1 + inline text variable height). + inline-flex
  items-center чтобы baseline консистентный с input/Граф/+Создать.
  User: "высоту элементов в баре таблиц выровняй".
---
 ordinis-admin-ui/src/components/layout/TopBar.tsx  | 2 +-
 ordinis-admin-ui/src/routes/dictionaries.index.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ordinis-admin-ui/src/components/layout/TopBar.tsx b/ordinis-admin-ui/src/components/layout/TopBar.tsx
index 12a0b98..1b54f80 100644
--- a/ordinis-admin-ui/src/components/layout/TopBar.tsx
+++ b/ordinis-admin-ui/src/components/layout/TopBar.tsx
@@ -80,7 +80,7 @@ export function TopBar({ onMenuClick }: { onMenuClick?: () => void }) {
         * оставить в топбар чтобы подсвечивать новинки. туда же и сообщения".
         * Docs + VersionBadge + Notifications. ThemeSwitch / Lang / Auth
         * переехали в Sidebar footer. */}
-      <div className="md:ml-0 ml-auto flex items-center gap-2 shrink-0">
+      <div className="ml-auto flex items-center gap-2 shrink-0">
         <a
           href="/docs/"
           target="_blank"
diff --git a/ordinis-admin-ui/src/routes/dictionaries.index.tsx b/ordinis-admin-ui/src/routes/dictionaries.index.tsx
index f85ba76..81eba94 100644
--- a/ordinis-admin-ui/src/routes/dictionaries.index.tsx
+++ b/ordinis-admin-ui/src/routes/dictionaries.index.tsx
@@ -279,7 +279,7 @@ function DictionariesPage() {
                 // Scope chips всегда покрашены в свой scope-color (filled bg
                 // + colored text) per user feedback ("плашки то покрась").
                 // Selected state — ring-1 ring-{scope} + slightly opaque bg.
-                className={`text-cap tracking-[0.14em] uppercase font-semibold px-2.5 py-1 rounded-md border transition-all focus:outline-none focus:ring-2 focus:ring-accent/40 ${SCOPE_BG_TINT[scope]} ${SCOPE_TEXT[scope]} ${
+                className={`h-8 text-cap tracking-[0.14em] uppercase font-semibold px-2.5 rounded-md border inline-flex items-center transition-all focus:outline-none focus:ring-2 focus:ring-accent/40 ${SCOPE_BG_TINT[scope]} ${SCOPE_TEXT[scope]} ${
                   selected
                     ? `border-current shadow-sm`
                     : 'border-transparent opacity-70 hover:opacity-100'
@@ -304,7 +304,7 @@ function DictionariesPage() {
             type="button"
             onClick={() => setBundle(undefined)}
             aria-pressed={!bundleFilter}
-            className={`text-cell px-2.5 py-1 rounded-md border transition-colors focus:outline-none focus:ring-2 focus:ring-accent/40 ${
+            className={`h-8 text-cell px-2.5 rounded-md border inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-accent/40 ${
               !bundleFilter
                 ? 'border-ink bg-surface text-ink ring-1 ring-ink font-medium'
                 : 'border-line bg-surface text-ink-2 hover:border-ink-2 hover:bg-surface-2'
@@ -322,7 +322,7 @@ function DictionariesPage() {
                   type="button"
                   onClick={() => setBundle(selected ? undefined : bundle)}
                   aria-pressed={selected}
-                  className={`text-mono text-cell px-2.5 py-1 rounded-md border transition-colors focus:outline-none focus:ring-2 focus:ring-accent/40 ${
+                  className={`h-8 text-mono text-cell px-2.5 rounded-md border inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-accent/40 ${
                     selected
                       ? 'border-ink bg-surface text-ink ring-1 ring-ink font-medium'
                       : 'border-line bg-surface text-ink-2 hover:border-ink-2 hover:bg-surface-2'