rearrange button

frontend/libs/components/promptbox/src/lib/PromptBox2D.tsx

@@ -595,23 +595,6 @@ export const PromptBox2D = ({
                   }
                 />
               </Tooltip>
-              <Tooltip
-                content={
-                  useSystemPrompt
-                    ? "Use system prompt: ON"
-                    : "Use system prompt: OFF"
-                }
-                position="top"
-                className="z-50"
-                delay={200}
-              >
-                <ToggleButton
-                  isActive={useSystemPrompt}
-                  icon={faMessageXmark}
-                  activeIcon={faMessageCheck}
-                  onClick={() => setUseSystemPrompt(!useSystemPrompt)}
-                />
-              </Tooltip>
               {onFitPressed && (
                 <Tooltip
                   content={"Fit canvas to screen"}
@@ -629,6 +612,23 @@ export const PromptBox2D = ({
                   </Button>
                 </Tooltip>
               )}
+              <Tooltip
+                content={
+                  useSystemPrompt
+                    ? "Use system prompt: ON"
+                    : "Use system prompt: OFF"
+                }
+                position="top"
+                className="z-50"
+                delay={200}
+              >
+                <ToggleButton
+                  isActive={useSystemPrompt}
+                  icon={faMessageXmark}
+                  activeIcon={faMessageCheck}
+                  onClick={() => setUseSystemPrompt(!useSystemPrompt)}
+                />
+              </Tooltip>
             </div>
             <div className="flex items-center gap-2">
               <Button