#559: User Sees No Predefined Gutters

- fix column width
- fix invalid margin value

Author: omiroshnichenko

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/column/converter/style/margins.js

@@ -48,7 +48,10 @@ export default class Margins implements ConverterInterface {
         if (value && undefined !== value.margin) {
             result.marginLeft = value.margin.left ? value.margin.left + "px" : "";
             result.marginTop = value.margin.top ? value.margin.top + "px" : "";
-            result.marginRight = (parseInt(value.margin.right, 10) !== 0 ? value.margin.right : 1) + "px";
+            result.marginRight = (value.margin.right && parseInt(value.margin.right, 10) !== 0 ?
+                value.margin.right :
+                1
+            ) + "px";
             result.marginBottom = value.margin.bottom ? value.margin.bottom + "px" : "";
         }
         return result;

app/code/Magento/PageBuilder/view/adminhtml/web/js/converter/style/width.js

@@ -35,8 +35,9 @@ export default class Width implements ConverterInterface {
      * @returns {string | object}
      */
     public toDom(name: string, data: DataObject): string {
-        if (data[name] !== "" && data.margins_and_padding) {
-            const margins = (data.margins_and_padding as any).margin || "";
+        if (data[name] !== "") {
+            const marginsAndPadding = data.margins_and_padding || {};
+            const margins = (marginsAndPadding as any).margin || "";
             const marginLeft = margins.left ? parseInt(margins.left as string, 10) : 0;
             const marginRight = margins.right ? parseInt(margins.right as string, 10) : 0;