From dcdd4d621e3e22729ff7547b2858aa9193dc9df5 Mon Sep 17 00:00:00 2001
From: tymurbaniak <tymentos@gmail.com>
Date: Fri, 6 Mar 2026 13:27:52 +0100
Subject: [PATCH] enhancement: changed save button placement

---
 src/App.tsx | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 5bec202..7a8798f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -55,7 +55,7 @@ const App: React.FC = () => {
         />
       </Sider>
       <Layout>
-        <Header style={{ padding: 0, background: colorBgContainer }}>
+        <Header style={{ padding: 0, background: colorBgContainer, display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
           <Space>
             <div style={{ background: '#001529' }}>
               <Button
@@ -69,21 +69,23 @@ const App: React.FC = () => {
                   color: colorBgContainer,
                 }}
               />
-              <Button
-                type="text"
-                icon={<SaveOutlined />}
-                onClick={saveConceptSketch}
-                title="Save as JSON"
-                style={{
-                  fontSize: '16px',
-                  width: 32,
-                  height: 32,
-                  color: colorBgContainer,
-                }}
-              />
             </div>
             <Breadcrumb items={graphLevel} />
           </Space>
+          <div style={{ background: '#001529' }}>
+            <Button
+              type="text"
+              icon={<SaveOutlined />}
+              onClick={saveConceptSketch}
+              title="Save as JSON"
+              style={{
+                fontSize: '16px',
+                width: 32,
+                height: 32,
+                color: colorBgContainer,
+              }}
+            />
+          </div>
         </Header>
         <Content
           style={{