Align show picked checkbox with filter controls

src/screens/ActivePickListScreen.tsx

@@ -198,6 +198,29 @@ export const ActivePickListScreen = () => {
           <Typography variant="caption" color="text.secondary">
             Selecting a product immediately adds it to the pick list.
           </Typography>
+          <FormControl>
+            <Typography variant="subtitle2" color="text.secondary" sx={{ mb: 0.5 }}>
+              Filter list by packaging
+            </Typography>
+            <Stack
+              direction="row"
+              alignItems="center"
+              justifyContent="space-between"
+              flexWrap="wrap"
+              rowGap={1}
+            >
+              <RadioGroup
+                row
+                value={itemFilter}
+                onChange={(event) =>
+                  setItemFilter(event.target.value as 'all' | 'cartons' | 'units')
+                }
+                sx={{ flexGrow: 1 }}
+              >
+                <FormControlLabel value="all" control={<Radio />} label="All" />
+                <FormControlLabel value="cartons" control={<Radio />} label="Cartons" />
+                <FormControlLabel value="units" control={<Radio />} label="Units" />
+              </RadioGroup>
               <FormControlLabel
                 control={
                   <Checkbox
@@ -206,22 +229,9 @@ export const ActivePickListScreen = () => {
                   />
                 }
                 label="Show picked"
+                sx={{ ml: { xs: 0, sm: 2 } }}
               />
-          <FormControl>
+            </Stack>
-            <Typography variant="subtitle2" color="text.secondary" sx={{ mb: 0.5 }}>
-              Filter list by packaging
-            </Typography>
-            <RadioGroup
-              row
-              value={itemFilter}
-              onChange={(event) =>
-                setItemFilter(event.target.value as 'all' | 'cartons' | 'units')
-              }
-            >
-              <FormControlLabel value="all" control={<Radio />} label="All" />
-              <FormControlLabel value="cartons" control={<Radio />} label="Cartons" />
-              <FormControlLabel value="units" control={<Radio />} label="Units" />
-            </RadioGroup>
           </FormControl>
         </Stack>
       </Stack>