some styling details

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/>
 

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 () {