move prebake nav down

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>
   );