Fixed RegisterCluster alignment (#2653)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>
This commit is contained in:
Alex
2023-02-10 12:01:10 -06:00
committed by GitHub
parent 6fbb4b568b
commit 7bf2b9601f

View File

@@ -15,10 +15,9 @@
// along with this program. If not, see <http://www.gnu.org/licenses/>. // along with this program. If not, see <http://www.gnu.org/licenses/>.
import React, { Fragment } from "react"; import React, { Fragment } from "react";
import Grid from "@mui/material/Grid";
import { Box, Button } from "@mui/material"; import { Box, Button } from "@mui/material";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { HelpBox, WarnIcon } from "mds"; import { HelpBox, WarnIcon, Grid } from "mds";
interface IRegisterCluster { interface IRegisterCluster {
compactMode?: boolean; compactMode?: boolean;
@@ -44,6 +43,13 @@ const RegisterCluster = ({ compactMode = false }: IRegisterCluster) => {
if (compactMode) { if (compactMode) {
return ( return (
<Fragment> <Fragment>
<Grid
sx={{
"& div.leftItems": {
marginBottom: 0,
},
}}
>
<HelpBox <HelpBox
title={ title={
<div <div
@@ -60,6 +66,7 @@ const RegisterCluster = ({ compactMode = false }: IRegisterCluster) => {
iconComponent={<WarnIcon />} iconComponent={<WarnIcon />}
help={<Fragment />} help={<Fragment />}
/> />
</Grid>
<br /> <br />
</Fragment> </Fragment>
); );