From 47cad7968d7612121ea1a63932198d4a1fa5cfb7 Mon Sep 17 00:00:00 2001
From: Hermes Agent <hermes@local>
Date: Thu, 10 Sep 2026 17:11:25 +0200
Subject: [PATCH] feat: remove dock grid from body, move center button to
 header

---
 src/ui.tsx | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/ui.tsx b/src/ui.tsx
index abe75d0..cb7c4ae 100644
--- a/src/ui.tsx
+++ b/src/ui.tsx
@@ -4,12 +4,12 @@ import {
   Text,
   Muted,
   VerticalSpace,
-  Button,
   IconButton,
   IconExpand24,
   IconCollapse24,
   IconCheck24,
-  IconCopySmall24
+  IconCopySmall24,
+  IconDockToSide24
 } from '@create-figma-plugin/ui'
 import { emit, on } from '@create-figma-plugin/utilities'
 import { h, Fragment } from 'preact'
@@ -366,6 +366,12 @@ function Plugin () {
             >
               {copied ? <IconCheck24 /> : <IconCopySmall24 />}
             </IconButton>
+            <IconButton
+              title="Центр окна (50% viewport)"
+              onClick={function () { dockWindow('center') }}
+            >
+              <IconDockToSide24 />
+            </IconButton>
             <IconButton
               title={isMaximized ? 'Свернуть окно' : 'Развернуть окно'}
               onClick={toggleWindowSize}
@@ -374,17 +380,6 @@ function Plugin () {
             </IconButton>
           </div>
         </div>
-        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '4px' }}>
-          <Button onClick={function () { dockWindow('top-left') }}>◤</Button>
-          <Button onClick={function () { dockWindow('top-center') }}>▬</Button>
-          <Button onClick={function () { dockWindow('top-right') }}>◥</Button>
-          <Button onClick={function () { dockWindow('center-left') }}>▏</Button>
-          <Button onClick={function () { dockWindow('center') }}>⊕</Button>
-          <Button onClick={function () { dockWindow('center-right') }}>▕</Button>
-          <Button onClick={function () { dockWindow('bottom-left') }}>◣</Button>
-          <Button onClick={function () { dockWindow('bottom-center') }}>▭</Button>
-          <Button onClick={function () { dockWindow('bottom-right') }}>◢</Button>
-        </div>
         <div
           style={{
             flex: 1,