CEC-4576: fix vertical alignment of force push checkbox (#388)
This commit is contained in:
@@ -11623,7 +11623,11 @@ exports[`App Route /vehicle-status authenticated 1`] = `
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
|
||||
/>
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root MuiBox-root-0"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
|
||||
>
|
||||
|
||||
@@ -167,7 +167,11 @@ exports[`VehicleDetailsTab Render 1`] = `
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
|
||||
/>
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root MuiBox-root-0"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
|
||||
>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Checkbox, FormControlLabel, Grid, Tooltip } from "@material-ui/core";
|
||||
import { Box, Checkbox, FormControlLabel, Grid, Tooltip } from "@material-ui/core";
|
||||
import DeleteIcon from "@material-ui/icons/Delete";
|
||||
import EditIcon from "@material-ui/icons/Edit";
|
||||
import UploadIcon from '@mui/icons-material/Upload';
|
||||
@@ -157,27 +157,37 @@ const MainForm = ({ vin }) => {
|
||||
</p>
|
||||
</Grid>
|
||||
)}
|
||||
<Grid item md={12} className={classes.textCenterAlign}>
|
||||
<RoleWrap
|
||||
groups={groups}
|
||||
providers={providers}
|
||||
rolesPerProvider={Permissions.FiskerUpdateDeploy}
|
||||
>
|
||||
<FormControlLabel
|
||||
label="Force Config Update"
|
||||
control={
|
||||
<Checkbox
|
||||
checked={forced}
|
||||
onChange={onForcedChange}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
<Tooltip key={`push-config-${vin}`} title={`Push Config Update to "${vin}"`}>
|
||||
<Link to="#" onClick={() => setShowUploadConfigModal(true)} >
|
||||
<UploadIcon aria-label={`Push Config Update to "${vin}"`} fontSize="large" />
|
||||
</Link>
|
||||
</Tooltip>
|
||||
</RoleWrap>
|
||||
<Grid
|
||||
item
|
||||
md={12}
|
||||
className={classes.textCenterAlign}
|
||||
>
|
||||
<Box sx={{
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "flex-end"
|
||||
}}>
|
||||
<RoleWrap
|
||||
groups={groups}
|
||||
providers={providers}
|
||||
rolesPerProvider={Permissions.FiskerUpdateDeploy}
|
||||
>
|
||||
<FormControlLabel
|
||||
label="Force Config Update"
|
||||
control={
|
||||
<Checkbox
|
||||
checked={forced}
|
||||
onChange={onForcedChange}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
<Tooltip key={`push-config-${vin}`} title={`Push Config Update to "${vin}"`}>
|
||||
<Link to="#" onClick={() => setShowUploadConfigModal(true)} >
|
||||
<UploadIcon aria-label={`Push Config Update to "${vin}"`} fontSize="large" />
|
||||
</Link>
|
||||
</Tooltip>
|
||||
</RoleWrap>
|
||||
</Box>
|
||||
</Grid>
|
||||
<Grid item md={12} className={classes.textCenterAlign}>
|
||||
<RoleWrap
|
||||
|
||||
@@ -175,7 +175,11 @@ exports[`DetailsTab Render 1`] = `
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
|
||||
/>
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root MuiBox-root-0"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
|
||||
>
|
||||
|
||||
@@ -331,7 +331,11 @@ exports[`CarStatus Render 1`] = `
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
|
||||
/>
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root MuiBox-root-0"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user