Remove overlap between cards

src/descriptorlists/ui/c/DescriptorListDisplay.tsx

@@ -48,6 +48,12 @@ const styles = (theme) => ({
         },
         /* tslint:enable */
     },
+    cardsContainer: {
+        paddingRight: '1.5rem',
+        [theme.breakpoints.down('sm')]: {
+            paddingRight: '0',
+        },
+    },
 });
 
 interface IDetailInfoProps extends React.ClassAttributes<any> {
@@ -243,7 +249,7 @@ class DetailInfo extends React.Component<IDetailInfoProps, any> {
                         </Card>
                     </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) => (
                             <div key={ `${descriptor.uuid}` } id={ `d-${descriptor.uuid}` }>
                                 <DescriptorCard