From a44b534799f691ad4967a8f20aa7af8dc29582f5 Mon Sep 17 00:00:00 2001
From: Sean Sube <seansube@gmail.com>
Date: Mon, 1 May 2023 23:47:39 -0500
Subject: [PATCH] lint(gui): move batch and tiles params onto their own line

---
 gui/src/components/control/ImageControl.tsx | 126 ++++++++++----------
 1 file changed, 63 insertions(+), 63 deletions(-)

diff --git a/gui/src/components/control/ImageControl.tsx b/gui/src/components/control/ImageControl.tsx
index 88724e6b..083eac1f 100644
--- a/gui/src/components/control/ImageControl.tsx
+++ b/gui/src/components/control/ImageControl.tsx
@@ -69,69 +69,6 @@ export function ImageControl(props: ImageControlProps) {
           }
         }}
       />
-      <NumericField
-        label={t('parameter.batch')}
-        min={params.batch.min}
-        max={params.batch.max}
-        step={params.batch.step}
-        value={controlState.batch}
-        onChange={(batch) => {
-          if (doesExist(props.onChange)) {
-            props.onChange({
-              ...controlState,
-              batch,
-            });
-          }
-        }}
-      />
-      <FormControlLabel
-        label={t('parameter.tiledVAE')}
-        control={<Checkbox
-          checked={controlState.tiledVAE}
-          value='check'
-          onChange={(event) => {
-            if (doesExist(props.onChange)) {
-              props.onChange({
-                ...controlState,
-                tiledVAE: controlState.tiledVAE === false,
-              });
-            }
-          }}
-        />}
-      />
-      <NumericField
-        label={t('parameter.tiles')}
-        min={params.tiles.min}
-        max={params.tiles.max}
-        step={params.tiles.step}
-        value={controlState.tiles}
-        onChange={(tiles) => {
-          if (doesExist(props.onChange)) {
-            props.onChange({
-              ...controlState,
-              tiles,
-            });
-          }
-        }}
-      />
-      <NumericField
-        decimal
-        label={t('parameter.overlap')}
-        min={params.overlap.min}
-        max={params.overlap.max}
-        step={params.overlap.step}
-        value={controlState.overlap}
-        onChange={(overlap) => {
-          if (doesExist(props.onChange)) {
-            props.onChange({
-              ...controlState,
-              overlap,
-            });
-          }
-        }}
-      />
-    </Stack>
-    <Stack direction='row' spacing={4}>
       <NumericField
         decimal
         label={t('parameter.cfg')}
@@ -194,6 +131,69 @@ export function ImageControl(props: ImageControlProps) {
         {t('parameter.newSeed')}
       </Button>
     </Stack>
+    <Stack direction='row' spacing={4}>
+      <NumericField
+        label={t('parameter.batch')}
+        min={params.batch.min}
+        max={params.batch.max}
+        step={params.batch.step}
+        value={controlState.batch}
+        onChange={(batch) => {
+          if (doesExist(props.onChange)) {
+            props.onChange({
+              ...controlState,
+              batch,
+            });
+          }
+        }}
+      />
+      <FormControlLabel
+        label={t('parameter.tiledVAE')}
+        control={<Checkbox
+          checked={controlState.tiledVAE}
+          value='check'
+          onChange={(event) => {
+            if (doesExist(props.onChange)) {
+              props.onChange({
+                ...controlState,
+                tiledVAE: controlState.tiledVAE === false,
+              });
+            }
+          }}
+        />}
+      />
+      <NumericField
+        label={t('parameter.tiles')}
+        min={params.tiles.min}
+        max={params.tiles.max}
+        step={params.tiles.step}
+        value={controlState.tiles}
+        onChange={(tiles) => {
+          if (doesExist(props.onChange)) {
+            props.onChange({
+              ...controlState,
+              tiles,
+            });
+          }
+        }}
+      />
+      <NumericField
+        decimal
+        label={t('parameter.overlap')}
+        min={params.overlap.min}
+        max={params.overlap.max}
+        step={params.overlap.step}
+        value={controlState.overlap}
+        onChange={(overlap) => {
+          if (doesExist(props.onChange)) {
+            props.onChange({
+              ...controlState,
+              overlap,
+            });
+          }
+        }}
+      />
+    </Stack>
     <PromptInput
       prompt={controlState.prompt}
       negativePrompt={controlState.negativePrompt}