Program page button alignment

This commit is contained in:
nickofolas 2022-01-15 10:20:01 -06:00
parent 14af744a0c
commit 919c001060

@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
import { use } from "../../ui/Context";
import { getAvailableCreatePrograms } from "../ProgramHelpers";
import { Tooltip, Typography } from "@mui/material";
import { Box, Tooltip, Typography } from "@mui/material";
import Button from "@mui/material/Button";
export const ProgramsSeen: string[] = [];
@ -38,6 +38,7 @@ export function ProgramsRoot(): React.ReactElement {
time. Your progress will be saved and you can continue later.
</Typography>
<Box sx={{ display: 'grid', width: 'fit-content' }}>
{programs.map((program) => {
const create = program.create;
if (create === null) return <></>;
@ -55,10 +56,10 @@ export function ProgramsRoot(): React.ReactElement {
{program.name}
</Button>
</Tooltip>
<br />
</React.Fragment>
);
})}
</Box>
</>
);
}