From 06f885e28491fa2854746f789a268a133fc157bb Mon Sep 17 00:00:00 2001
From: "azykov@mail.ru" <azykov@mail.ru>
Date: Thu, 4 Jun 2026 17:06:49 +0300
Subject: [PATCH] fixed panel layout for mobile chrome

---
 src/components/LeftPanel.tsx | 8 ++++----
 src/components/Panels.scss   | 8 ++++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/LeftPanel.tsx b/src/components/LeftPanel.tsx
index 12d4990..5c7cd1a 100644
--- a/src/components/LeftPanel.tsx
+++ b/src/components/LeftPanel.tsx
@@ -10,9 +10,9 @@ export const LeftPanel = observer(function () {
     if (isGame)
         return null;
 
-    function handleLoadWorld(): void {
-        state.world.load();
-    }
+    // function handleLoadWorld(): void {
+    //     state.world.load();
+    // }
 
     function handleLoadMockWorld(): void {
         state.world.loadMock();
@@ -21,7 +21,7 @@ export const LeftPanel = observer(function () {
     return <Panel side='left'>
         <MenuView />
         <div className="gap" />
-        <button onClick={handleLoadWorld}>Load</button>
+        {/* <button onClick={handleLoadWorld}>Load</button> */}
         <button onClick={handleLoadMockWorld}>Load mock world</button>
         <div className="debug"><RenderInfoView /></div>
     </Panel>
diff --git a/src/components/Panels.scss b/src/components/Panels.scss
index 2ea1c5a..e9ebc0c 100644
--- a/src/components/Panels.scss
+++ b/src/components/Panels.scss
@@ -3,8 +3,8 @@
     position: fixed;
     top: 0;
     left: 0;
-    width: 100vw;
-    height: 100vh;
+    width: 100%;
+    height: 100%;
     display: flex;
     flex-direction: row;
     gap: 10px;
@@ -27,6 +27,10 @@
         flex-direction: column;
         gap: 0.25em;
 
+        &:not(:first-child) {
+            margin-left: none !important;
+        }
+
         &.left,
         &.right {
             min-width: 30%;