fix: add a gap to property element via parent component

Inist-CNRS · May 13, 2024 · 6940ae0 · 6940ae0
1 parent f498c54
commit 6940ae0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/app/js/characteristic/DatasetCharacteristics.js b/src/app/js/characteristic/DatasetCharacteristics.js
@@ -16,6 +16,7 @@ const styles = {
         flexFlow: 'row wrap',
         paddingTop: '2rem',
         paddingBottom: '1rem',
+        gap: '1%',
     },
     item: {
         display: 'flex',

diff --git a/src/app/js/public/Property/index.js b/src/app/js/public/Property/index.js
@@ -48,9 +48,12 @@ const styles = {
             display: 'flex',
             flexDirection: 'column',
             width: {
-                xs: '100%',
-                sm: width === '50' ? '100%' : `${width || 100}%`,
-                md: `${width || 100}%`,
+                xs: 'calc(100% - 2%)',
+                sm:
+                    width === '50'
+                        ? 'calc(100% - 2%)'
+                        : `calc(${width || 100}% - 2%)`,
+                md: `calc(${width || 100}% - 2%)`,
             },
             ...style,
         }),

diff --git a/src/app/js/public/resource/Detail.js b/src/app/js/public/resource/Detail.js
@@ -62,6 +62,7 @@ const styles = {
         paddingTop: dense ? '0.5rem' : '1rem',
         paddingLeft: '1rem',
         paddingRight: '1rem',
+        gap: '1%',
     }),
     valueContainer: {
         display: 'flex',