feat: use flex-start

This commit is contained in:
karishmas6
2024-08-26 20:20:08 +05:30
parent 69ac713372
commit 6022063877

View File

@@ -171,22 +171,25 @@ export const InterpretationLog = () => {
</Table> </Table>
</TableContainer> </TableContainer>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginTop: '20px' }}> <div style={{ display: 'flex', alignItems: 'flex-start', gap: '20px' }}>
<FormControl> <FormControl>
<FormLabel> <FormLabel>
<h4>What is the maximum number of rows you want to extract?</h4> <h4>What is the maximum number of rows you want to extract?</h4>
</FormLabel> </FormLabel>
<RadioGroup row> <RadioGroup row>
<FormControlLabel value="10" control={<Radio />} label="10" /> <FormControlLabel value="10" control={<Radio />} label="10" />
<FormControlLabel value="100" control={<Radio />} label="100" /> <FormControlLabel value="100" control={<Radio />} label="100" />
<FormControlLabel value="custom" control={<Radio />} label="Custom" /> <FormControlLabel value="custom" control={<Radio />} label="Custom" />
</RadioGroup> </RadioGroup>
</FormControl> </FormControl>
<div>
<h4>Additional Options</h4> <div>
<Button variant="contained" color="primary">Action</Button> <h4>Additional Options</h4>
</div> <Button variant="contained" color="primary">
Some Action
</Button>
</div> </div>
</div>
</> </>
) : null ) : null
} }