From dd0f3d883e164e7e4414d9df73d4865bad60858e Mon Sep 17 00:00:00 2001
From: Rendo <geometicalplayer@gmail.com>
Date: Wed, 5 Aug 2026 17:34:07 +0500
Subject: [PATCH] Fix: splitted editor and debug columns

---
 src/view/ui.rs | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/view/ui.rs b/src/view/ui.rs
index e9c66a3..a8093c1 100644
--- a/src/view/ui.rs
+++ b/src/view/ui.rs
@@ -48,14 +48,14 @@ fn ui() -> impl Scene {
         Node {
             width: percent(100),
             height: percent(100),
+            display: Display::Flex,
             align_items: AlignItems::Start,
             justify_content: JustifyContent::Start,
-            display: Display::Flex,
             flex_direction: FlexDirection::Row,
             column_gap: px(8)
         }
         Children [
-            debug_column()
+            debug_column(),
             editor_column()
         ]
     }
@@ -63,6 +63,9 @@ fn ui() -> impl Scene {
 
 fn debug_column() -> impl Scene {
     bsn! {
+        pane()
+        pane_header()
+        pane_body()
         Node {
             display: Display::Flex,
             flex_direction: FlexDirection::Column,
@@ -73,9 +76,6 @@ fn debug_column() -> impl Scene {
             width: px(256),
             min_width: px(256),
         }
-        pane()
-        pane_header()
-        pane_body()
         Children [
             water_amount_label(),
             pause_button(),
@@ -86,6 +86,9 @@ fn debug_column() -> impl Scene {
 
 fn editor_column() -> impl Scene {
     bsn! {
+        pane()
+        pane_header()
+        pane_body()
         Node {
             display: Display::Flex,
             flex_direction: FlexDirection::Column,
@@ -96,9 +99,6 @@ fn editor_column() -> impl Scene {
             width: px(256),
             min_width: px(256),
         }
-        pane()
-        pane_header()
-        pane_body()
         Children [
             label("Tools")
             ToolLabel,
@@ -172,6 +172,7 @@ fn simulation_speed() -> impl Scene {
             SpeedLabel
             Node {
                 justify_self: JustifySelf::Stretch
+                align_self: AlignSelf::Center,
             },
             @FeathersButton {
                 @caption: bsn! { label(">>") }