Improve row spacing

This commit is contained in:
smolgumball 2022-01-21 15:55:10 -07:00
parent 275e8c8756
commit f28c5b3b45

@ -60,16 +60,18 @@ export function FactionsRoot(props: IProps): React.ReactElement {
Factions you have joined: Factions you have joined:
</Typography> </Typography>
{(props.player.factions.length > 0 && ( {(props.player.factions.length > 0 && (
<Paper sx={{ my: 1, p: 1, display: "inline-block" }}> <Paper sx={{ my: 1, p: 1, pb: 0, display: "inline-block" }}>
<Table padding="none"> <Table padding="none">
<TableBody> <TableBody>
{props.player.factions.map((faction: string) => ( {props.player.factions.map((faction: string) => (
<TableRow key={faction}> <TableRow key={faction}>
<TableCell> <TableCell>
<Typography noWrap>{faction}</Typography> <Typography noWrap mb={1}>
{faction}
</Typography>
</TableCell> </TableCell>
<TableCell align="right"> <TableCell align="right">
<Box ml={1}> <Box ml={1} mb={1}>
<Button onClick={() => openFaction(Factions[faction])}>Details</Button> <Button onClick={() => openFaction(Factions[faction])}>Details</Button>
</Box> </Box>
</TableCell> </TableCell>
@ -86,7 +88,7 @@ export function FactionsRoot(props: IProps): React.ReactElement {
Factions you have been invited to. You can accept these faction invitations at any time: Factions you have been invited to. You can accept these faction invitations at any time:
</Typography> </Typography>
{(props.player.factionInvitations.length > 0 && ( {(props.player.factionInvitations.length > 0 && (
<Paper sx={{ my: 1, mb: 4, p: 1, display: "inline-block" }}> <Paper sx={{ my: 1, mb: 4, p: 1, pb: 0, display: "inline-block" }}>
<Table padding="none"> <Table padding="none">
<TableBody> <TableBody>
{props.player.factionInvitations.map((faction: string) => ( {props.player.factionInvitations.map((faction: string) => (