diff --git a/pages/fdo/show/[prefix]/sandbox.tsx b/pages/fdo/show/[prefix]/sandbox.tsx index 9b1733352a2b6030a8189f5f75b5d13817a3b925..5f51916d57fc0706853faf508d6b6d25808e0e7f 100644 --- a/pages/fdo/show/[prefix]/sandbox.tsx +++ b/pages/fdo/show/[prefix]/sandbox.tsx @@ -46,6 +46,7 @@ const ShowFDO = () => { return <ErrorComponent message={t('fdo.show.handle_not_found', 'Handle not found.')} /> } const displayName = 'FDO-Name' + const genInfo = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore voluptua.' const handleUrl = resolvePid(showId) const dataPid = data?.data?.dataPid const metadataPid = data?.data?.metadataPid @@ -140,15 +141,20 @@ const ShowFDO = () => { </MenuList> </Item> - <Item sx={{ width: '60%' }} > + <Item sx={{ width: '50%' }} > <Stack direction="row" spacing={3}> <Avatar sx={{ bgcolor: blue[500] }} variant="rounded"> <AssignmentIcon /> </Avatar> <Typography variant="h5" gutterBottom> {displayName} </Typography> </Stack><br/> - <Details/> - </Item> + <Typography variant="subtitle1" gutterBottom sx={{ display: 'block', marginLeft: '10px' }}> {genInfo} </Typography> + <br/> + <Box> + <Details/> + </Box> + </Item> + </Stack> </div><br/><br/> diff --git a/src/components/fdos/details.tsx b/src/components/fdos/details.tsx index 94059907e9d2f27a347c64b2af09c5cb160add50..04a91d9816bdb734403fb308da87a6170d2123a4 100644 --- a/src/components/fdos/details.tsx +++ b/src/components/fdos/details.tsx @@ -31,7 +31,6 @@ const StyledTableRow = styled(TableRow)(({ theme }) => ({ } })) -const genInfo = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.' const typeInfo = 'CETTS' const repoInfo = 'LinkAhead' const dataSpInfo = 'RWTH' @@ -47,12 +46,10 @@ function createData ( } const rows = [ - createData('Desription:', genInfo, ''), createData('Type:', typeInfo, ''), - createData('Repository:', repoInfo, 'xx'), - createData('Dataspace:', dataSpInfo, 'xx'), - createData('Technology:', techInfo, 'xx') - + createData('Repository:', repoInfo, ''), + createData('Dataspace:', dataSpInfo, ''), + createData('Technology:', techInfo, '') ] export default function CustomizedTables () {