From c78cfba1ec237a0dacd92fc80503e00cd89c6bd8 Mon Sep 17 00:00:00 2001
From: oskarrough <oskar@rough.dk>
Date: Tue, 17 Dec 2024 21:22:04 +0100
Subject: [PATCH] Change map demo layout to two columns

---
 src/ui/components/slay-map-demo.js | 2 +-
 src/ui/pages/map-demo.astro        | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/ui/components/slay-map-demo.js b/src/ui/components/slay-map-demo.js
index 7e87b652..b569c558 100644
--- a/src/ui/components/slay-map-demo.js
+++ b/src/ui/components/slay-map-demo.js
@@ -14,7 +14,7 @@ const MapDemo = () => {
 
 	return html`
 		<div class="Box">
-			<details>
+			<details open>
 				<summary>Options</summary>
 				<${DungeonConfig} onUpdate=${(config) => setDungeon(Dungeon(config))} />
 			</details>
diff --git a/src/ui/pages/map-demo.astro b/src/ui/pages/map-demo.astro
index aa265a2a..89a9816c 100644
--- a/src/ui/pages/map-demo.astro
+++ b/src/ui/pages/map-demo.astro
@@ -23,6 +23,12 @@ import '../styles/index.css'
 </Layout>
 
 <style>
+  slay-map-demo {
+    display: flex;
+    > .Box {
+      flex: 25rem;
+    }
+  }
   slay-map {
     min-height: calc(100vh - 5rem);
   }