Add marginBottom to some components

conductor-sdk · Aug 7, 2024 · 821c853 · 821c853
1 parent a5cf52d
commit 821c853
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 1 deletion.
diff --git a/react/human-task-material-renderers/src/components/custom/Boolean/Boolean.tsx b/react/human-task-material-renderers/src/components/custom/Boolean/Boolean.tsx
@@ -45,6 +45,7 @@ const Boolean: React.FC<BooleanProps> = ({
       checked={!_isUndefined(value) ? value : defaultValue}
       disabled={readonly}
       required={required}
+      sx={{ marginBottom: "4px" }}
     />
   );
 };

diff --git a/react/human-task-material-renderers/src/components/custom/DescriptionText.tsx b/react/human-task-material-renderers/src/components/custom/DescriptionText.tsx
@@ -61,6 +61,7 @@ export const DescriptionText: React.FC<DescriptionTextProps> = ({
         noWrap={noWrap}
         paragraph={paragraph}
         whiteSpace={preWrap ? "pre-wrap" : "normal"}
+        sx={{ marginBottom: "4px" }}
       >
         {_isUndefined(value) ? label : value}
       </Typography>

diff --git a/react/human-task-material-renderers/src/components/custom/ImageViewer.tsx b/react/human-task-material-renderers/src/components/custom/ImageViewer.tsx
@@ -45,7 +45,7 @@ const ImageViewer: React.FC<ImageViewerProps> = ({
             height={height}
             width={width}
             alt=""
-            style={{ maxWidth: "100%" }}
+            style={{ maxWidth: "100%", marginBottom: "4px" }}
           />
         ) : (
           " No Image to preview"

diff --git a/react/human-task-material-renderers/src/components/custom/VideoView/VideoViewer.tsx b/react/human-task-material-renderers/src/components/custom/VideoView/VideoViewer.tsx
@@ -48,6 +48,7 @@ const VideoViewer: React.FC<VideoViewerProps> = ({
             justifyContent: "center",
             width: "100%",
             maxWidth: "100%",
+            marginBottom: '4px',
             ">div": {
               maxWidth: "600px ",
               maxHeight: "500px",