From 6707c7893ba5c2981a8573c9683d3e08aec612c0 Mon Sep 17 00:00:00 2001
From: Felix Roos <flix91@gmail.com>
Date: Sat, 7 Feb 2026 21:51:00 +0100
Subject: [PATCH] move prebake nav down

---
 .../src/repl/components/panel/SettingsTab.jsx | 34 +++++++------------
 1 file changed, 12 insertions(+), 22 deletions(-)

diff --git a/website/src/repl/components/panel/SettingsTab.jsx b/website/src/repl/components/panel/SettingsTab.jsx
index 3725c67a6..ccc7bc71f 100644
--- a/website/src/repl/components/panel/SettingsTab.jsx
+++ b/website/src/repl/components/panel/SettingsTab.jsx
@@ -394,32 +394,22 @@ function PrebakeSettingsContent() {
     };
   }, []);
   return (
-    <div className="text-foreground w-full overflow-auto" style={{ fontFamily }}>
-      <div className="px-4 py-2 flex flex-row items-center space-x-3">
-        <ActionButton
-          onClick={async () => {
-            await editorRef.current?.savePrebake();
-          }}
-        >
-          save
-        </ActionButton>
-        <ImportPrebakeScriptButton updateEditor={handleSetCode} />
-        <ActionButton
-          onClick={async () => {
-            console.log('Exporting');
-            await exportScript(prebakeScript);
-          }}
-        >
-          export
-        </ActionButton>
+    <div className="flex flex-col h-full text-foreground w-full overflow-auto" style={{ fontFamily }}>
+      <div className="flex flex-col grow overflow-hidden h-full bg-background">
+        <Code containerRef={containerRef} editorRef={editorRef} init={init} />
+      </div>
+      <div className="flex justify-between items-center border-t border-muted px-4 whitespace-nowrap">
         <Checkbox
-          label="include prebake script in share"
+          label="share with patterns"
+          className="whitespace-nowrap max-w-[200px]"
           onChange={(cbEvent) => settingsMap.setKey('includePrebakeScriptInShare', cbEvent.target.checked)}
           value={includePrebakeScriptInShare}
         />
-      </div>
-      <div className="flex flex-col overflow-hidden h-full border-t border-muted">
-        <Code containerRef={containerRef} editorRef={editorRef} init={init} />
+        <div className="py-2 flex flex-row items-center space-x-3 ">
+          <ImportPrebakeScriptButton updateEditor={handleSetCode} />
+          <ActionButton onClick={() => exportScript(prebakeScript)}>export</ActionButton>
+          <ActionButton onClick={() => editorRef.current?.savePrebake()}>save</ActionButton>
+        </div>
       </div>
     </div>
   );