Tweak css for sprite editor

ToolboxAid · ToolboxAid · commit 2eb0382b2cd8 · 2026-04-08T19:37:41.000-04:00
diff --git a/tools/Sprite Editor/index.html b/tools/Sprite Editor/index.html
@@ -10,10 +10,10 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Sprite Editor</title>
-  <link rel="stylesheet" href="../../engine/ui/hubCommon.css" />
+  <link rel="stylesheet" href="../../src/engine/ui/hubCommon.css" />
   <link rel="stylesheet" href="../shared/platformShell.css" />
   <link rel="stylesheet" href="./spriteEditor.css" />
-  <script src="../../engine/paletteList.js"></script>
+  <script src="../../src/engine/paletteList.js"></script>
 </head>
 <body class="sprite-editor-page" data-tool-id="sprite-editor" data-tools-platform-page="tool">
   <div data-tools-platform-header></div>
diff --git a/tools/Sprite Editor/spriteEditor.css b/tools/Sprite Editor/spriteEditor.css
@@ -117,10 +117,14 @@ spriteEditor.css
 
 .workspace {
   display: grid;
-  grid-template-columns: minmax(260px, 320px) 1fr minmax(220px, 280px);
+  grid-template-columns: 260px minmax(0, 1fr) 440px;
   gap: 0.8rem;
 }
 
+.center-panel {
+  min-width: 0;
+}
+
 .left-panel,
 .right-panel {
   display: grid;
@@ -155,7 +159,8 @@ spriteEditor.css
   border-radius: 12px;
   background: color-mix(in srgb, var(--se-panel) 88%, black);
   display: grid;
-  place-items: center;
+  justify-items: center;
+  align-items: start;
   padding: 0.9rem;
   overflow: auto;
 }
@@ -166,6 +171,7 @@ spriteEditor.css
   background: linear-gradient(45deg, var(--se-canvas-bg-a) 25%, var(--se-canvas-bg-b) 25%, var(--se-canvas-bg-b) 50%, var(--se-canvas-bg-a) 50%, var(--se-canvas-bg-a) 75%, var(--se-canvas-bg-b) 75%, var(--se-canvas-bg-b) 100%);
   background-size: 20px 20px;
   padding: 0.5rem;
+  margin-top: 20px;
 }
 
 #editorCanvas {
