impaktapps-ui-builder 0.0.382-alpha.62 → 0.0.382-alpha.63

package/dist/impaktapps-ui-builder.es.js

@@ -6351,11 +6351,18 @@ const componentBasicUiSchema = (theme) => {
       {
         type: "HorizontalLayout",
         config: {
-          layout: 12,
+          main: {
+            direction: "row"
+          },
           style: {
+            flexDirection: "row",
             position: "absolute",
-            bottom: 5,
-            overflow: "hidden"
+            bottom: 0,
+            marginBottom: "-8px",
+            height: "fit-content",
+            overflow: "hidden",
+            zIndex: 1e3,
+            width: "inherit"
           }
         },
         elements: [
@@ -6366,90 +6373,80 @@ const componentBasicUiSchema = (theme) => {
               widget: "Box"
             },
             config: {
-              layout: 9.5,
               main: {
                 heading: "Copywriter@ACT21.IO"
               },
               style: {
                 color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
                 fontSize: "12px",
-                textAlign: "center"
+                textAlign: "center",
+                lineHeight: 1,
+                width: "fit-content",
+                left: "50%",
+                position: "relative",
+                margin: 0,
+                flexGrow: 1,
+                height: 0
               }
             }
           },
           {
-            type: "HorizontalLayout",
-            config: {
-              layout: 2.5,
-              style: {}
+            type: "Control",
+            scope: "#/properties/backIcon",
+            options: {
+              widget: "Box"
             },
-            elements: [
-              {
-                type: "Control",
-                scope: "#/properties/EmptyBox",
-                options: {
-                  widget: "EmptyBox"
-                },
-                config: {
-                  layout: 6,
-                  style: {
-                    flexGrow: 1
-                  }
-                }
+            config: {
+              main: {
+                iconName: "PrevIcon",
+                onClick: "backHandler",
+                width: "fit-content"
               },
-              {
-                type: "Control",
-                scope: "#/properties/backIcon",
-                options: {
-                  widget: "Box"
-                },
-                config: {
-                  layout: 1,
-                  main: {
-                    iconName: "PrevIcon",
-                    onClick: "backHandler"
-                  },
-                  style: {
-                    fill: theme.palette.primary.main,
-                    width: 20,
-                    height: 20,
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    marginRight: "-8px",
-                    cursor: "pointer",
-                    ":hover": {
-                      fill: theme.palette.primary.dark
-                    }
-                  }
+              style: {
+                fill: theme.palette.primary.main,
+                width: 20,
+                height: 0,
+                margin: 0,
+                top: 0,
+                right: "90px",
+                position: "absolute",
+                fontSize: "12px",
+                cursor: "pointer",
+                ":hover": {
+                  fill: theme.palette.primary.dark
                 }
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/text",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              main: {
+                heading: "Previous Page",
+                onClick: "backHandler"
               },
-              {
-                type: "Control",
-                scope: "#/properties/text",
-                options: {
-                  widget: "Box"
-                },
-                config: {
-                  layout: 5,
-                  main: {
-                    heading: "Previous Page",
-                    onClick: "backHandler"
-                  },
-                  style: {
-                    width: "fit-content",
-                    color: theme.palette.primary.main,
-                    fontSize: "12px",
-                    cursor: "pointer",
-                    marginLeft: "2px",
-                    marginRight: 0,
-                    ":hover": {
-                      color: theme.palette.primary.dark
-                    }
-                  }
+              style: {
+                textAlign: "left",
+                lineHeight: 1,
+                height: 0,
+                width: "fit-content",
+                color: theme.palette.primary.main,
+                fontSize: "12px",
+                cursor: "pointer",
+                marginLeft: "2px",
+                marginRight: 0,
+                top: 3,
+                right: "20px",
+                position: "absolute",
+                ":hover": {
+                  color: theme.palette.primary.dark
                 }
               }
-            ]
+            }
           }
         ]
       }