PB-55: Row Full Width Contents Are Horizontally Positioned Incorrectly In Desktop Viewport

Author: omiroshnichenko

app/code/Magento/PageBuilder/view/adminhtml/pagebuilder/content_type/row.xml

@@ -92,15 +92,16 @@
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
                         <style name="display" source="display" converter="Magento_PageBuilder/js/converter/style/display" preview_converter="Magento_PageBuilder/js/converter/style/preview/display"/>
                         <style name="margins" storage_key="margins_and_padding" reader="Magento_PageBuilder/js/property/margins" converter="Magento_PageBuilder/js/converter/style/margins" preview_converter="Magento_PageBuilder/js/content-type/row/converter/style/margins"/>
-                        <style name="padding" storage_key="margins_and_padding" reader="Magento_PageBuilder/js/property/paddings" converter="Magento_PageBuilder/js/converter/style/paddings" preview_converter="Magento_PageBuilder/js/content-type/row/converter/style/paddings"/>
                         <attribute name="name" source="data-content-type"/>
                         <attribute name="appearance" source="data-appearance"/>
                         <attribute name="enable_parallax" source="data-enable-parallax"/>
                         <attribute name="parallax_speed" source="data-parallax-speed"/>
                         <attribute name="background_images" source="data-background-images"/>
                         <css name="css_classes"/>
                     </element>
-                    <element name="inner" />
+                    <element name="inner">
+                        <style name="padding" storage_key="margins_and_padding" reader="Magento_PageBuilder/js/property/paddings" converter="Magento_PageBuilder/js/converter/style/paddings" preview_converter="Magento_PageBuilder/js/content-type/row/converter/style/paddings"/>
+                    </element>
                     <element name="container">
                         <style name="justify_content" source="justify_content"/>
                         <static_style source="display" value="flex"/>

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/row/full-width/preview.html

@@ -12,7 +12,7 @@
      event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false"
      afterRender="initParallax">
     <render args="getOptions().template"/>
-    <div class="element-children content-type-container" each="contentType.getChildren()" ko-style="data.container.style" css="getChildrenCss()" attr="{id: contentType.id + '-children'}" data-bind="sortable: getSortableOptions()" afterRender="function (element) { if (typeof afterChildrenRender === 'function') { afterChildrenRender(element); } }">
+    <div class="element-children content-type-container" each="contentType.getChildren()" ko-style="Object.assign(data.container.style(), data.inner.style())" css="getChildrenCss()" attr="{id: contentType.id + '-children'}" data-bind="sortable: getSortableOptions()" afterRender="function (element) { if (typeof afterChildrenRender === 'function') { afterChildrenRender(element); } }">
         <if args="$parent.isContainer()">
             <div class="pagebuilder-drop-indicator"></div>
         </if>