Merge pull request #3602 from czwe-01/thulasizwe/f/section-separator

fix: styling

Author: James-Baloyi

shesha-reactjs/src/components/sectionSeparator/index.tsx

@@ -105,12 +105,13 @@ export const SectionSeparator: FC<ISectionSeparatorProps> = ({
   return vertical ? (
     <div
       className={styles.vertical}
-      style={{ ...borderStyle, ...containerStyle, height: addPx(lineHeight || '0.9em') }}
+      style={{ ...borderStyle, ...containerStyle, width: 'max-content', height: addPx(lineHeight || '0.9em') }}
     ></div>
   ) : (
     <div
       style={{
         ...containerStyle,
+        height: 'max-content',
         width: addPx(lineWidth),
       }}
       key={id}

shesha-reactjs/src/designer-components/container/containerComponent.tsx

@@ -66,6 +66,7 @@ const ContainerComponent: IToolboxComponent<IContainerComponentProps> = {
           wrapperStyle={{
             ...wrapperStyles,
             alignSelf: model.alignSelf,
+            justifySelf: model.justifySelf,
             ...getLayoutStyle({ ...model, style: model?.wrapperStyle }, { data: formData, globalState })
           }}
           style={{