From e2c9b4b66c87c56baa861d7707d84453a73851bc Mon Sep 17 00:00:00 2001
From: Isaiah Odhner <isaiahodhner@gmail.com>
Date: Tue, 11 Apr 2023 08:47:47 -0400
Subject: [PATCH] Improve layout

---
 paint.css | 8 ++++++--
 paint.py  | 5 ++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/paint.css b/paint.css
index d9ab89a..024e97e 100644
--- a/paint.css
+++ b/paint.css
@@ -13,14 +13,19 @@ Screen {
     layout: grid;
     grid-size: 2;
     grid-gutter: 1 2;
-    grid-columns: 20 1fr;
+    grid-columns: 18 1fr;
     grid-rows: 1fr;
     margin: 0 0;
 }
 
+#editing-area {
+    background: $surface-lighten-3;
+}
+
 #canvas {
     width: auto;
     height: auto;
+    margin: 1 2;
 }
 
 #tools_box {
@@ -30,7 +35,6 @@ Screen {
     grid-columns: 6;
     grid-rows: 3;
     padding: 1 1;
-    width: 20;
     height: 100%;
     border-bottom: tall $panel-darken-2;
 }
diff --git a/paint.py b/paint.py
index 78ee68d..3f72402 100644
--- a/paint.py
+++ b/paint.py
@@ -274,7 +274,10 @@ class PaintApp(App):
         with Container(id="paint"):
             yield Container(
                 ToolsBox(),
-                Container(Canvas(id="canvas")),
+                Container(
+                    Canvas(id="canvas"),
+                    id="editing-area",
+                ),
                 id="main-horizontal-split",
             )
             yield ColorsBox()