Commit dc76a60a authored by Oleksii Savran's avatar Oleksii Savran
Browse files

Remove overlap between cards

parent 5babcd5e
Pipeline #7064 passed with stages
in 5 minutes and 45 seconds
...@@ -48,6 +48,12 @@ const styles = (theme) => ({ ...@@ -48,6 +48,12 @@ const styles = (theme) => ({
}, },
/* tslint:enable */ /* tslint:enable */
}, },
cardsContainer: {
paddingRight: '1.5rem',
[theme.breakpoints.down('sm')]: {
paddingRight: '0',
},
},
}); });
interface IDetailInfoProps extends React.ClassAttributes<any> { interface IDetailInfoProps extends React.ClassAttributes<any> {
...@@ -243,7 +249,7 @@ class DetailInfo extends React.Component<IDetailInfoProps, any> { ...@@ -243,7 +249,7 @@ class DetailInfo extends React.Component<IDetailInfoProps, any> {
</Card> </Card>
</Grid> </Grid>
<Grid item xs={ 12 } md={ 9 }> <Grid item xs={ 12 } md={ 9 } className={ classes.cardsContainer }>
{ descriptorList.descriptors && descriptorList.descriptors.length > 0 && descriptorList.descriptors.map((descriptor: Descriptor) => ( { descriptorList.descriptors && descriptorList.descriptors.length > 0 && descriptorList.descriptors.map((descriptor: Descriptor) => (
<div key={ `${descriptor.uuid}` } id={ `d-${descriptor.uuid}` }> <div key={ `${descriptor.uuid}` } id={ `d-${descriptor.uuid}` }>
<DescriptorCard <DescriptorCard
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment