chore: cleanup

bitfocus · May 22, 2024 · 47b91df · 47b91df
1 parent 5301913
commit 47b91df
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 21 deletions.
diff --git a/webui/src/UserConfig/GridConfig.tsx b/webui/src/UserConfig/GridConfig.tsx
@@ -241,14 +241,6 @@ const GridSizeModal = observer<GridSizeModalProps, GridSizeModalRef>(
 								{newGridSize.maxColumn - newGridSize.minColumn + 1} columns
 							</CFormGroup>
 						)}
-						<CFormGroup>
-							<CLabel>Min Column</CLabel>
-							<CInput type="number" value={newGridSize?.minColumn} max={0} step={1} onChange={setMinColumn} />
-						</CFormGroup>
-						<CFormGroup>
-							<CLabel>Max Column</CLabel>
-							<CInput type="number" value={newGridSize?.maxColumn} min={0} step={1} onChange={setMaxColumn} />
-						</CFormGroup>
 						<CFormGroup>
 							<CLabel>Min Row</CLabel>
 							<CInput type="number" value={newGridSize?.minRow} max={0} step={1} onChange={setMinRow} />
@@ -257,6 +249,14 @@ const GridSizeModal = observer<GridSizeModalProps, GridSizeModalRef>(
 							<CLabel>Max Row</CLabel>
 							<CInput type="number" value={newGridSize?.maxRow} min={0} step={1} onChange={setMaxRow} />
 						</CFormGroup>
+						<CFormGroup>
+							<CLabel>Min Column</CLabel>
+							<CInput type="number" value={newGridSize?.minColumn} max={0} step={1} onChange={setMinColumn} />
+						</CFormGroup>
+						<CFormGroup>
+							<CLabel>Max Column</CLabel>
+							<CInput type="number" value={newGridSize?.maxColumn} min={0} step={1} onChange={setMaxColumn} />
+						</CFormGroup>
 					</CForm>
 					{isReducingSize && (
 						<CAlert color="danger">

diff --git a/webui/src/Wizard/GridStep.tsx b/webui/src/Wizard/GridStep.tsx
@@ -49,20 +49,20 @@ export function GridStep({ rows, columns, setValue }: GridStepProps) {
 				For example, to accomodate two Stream Deck XL's side-by-side you can set the grid size as 4 rows x 16 columns.
 			</p>
 			<div className="indent2, group">
-						<div className="col-left">Rows</div>
-						<div className="col-right">
-							<div className="form-check form-check-inline mr-1">
-							<CInput type="number" value={totalRows} min={0} step={1} onChange={setMaxRow} />
-							</div>
-						</div>
-						<br />
-						<div className="col-left">Columns</div>
-						<div className="col-right">
-							<div className="form-check form-check-inline mr-1">
-							<CInput type="number" value={totalColumns} min={0} step={1} onChange={setMaxColumn} />
-							</div>
-						</div>
+				<div className="col-left">Rows</div>
+				<div className="col-right">
+					<div className="form-check form-check-inline mr-1">
+						<CInput type="number" value={totalRows} min={0} step={1} onChange={setMaxRow} />
 					</div>
+				</div>
+				<br />
+				<div className="col-left">Columns</div>
+				<div className="col-right">
+					<div className="form-check form-check-inline mr-1">
+						<CInput type="number" value={totalColumns} min={0} step={1} onChange={setMaxColumn} />
+					</div>
+				</div>
+			</div>
 			<p>You can change this at any time on the 'Settings' tab in the GUI.</p>
 		</div>
 	)