MAGETWO-89294: Slider Data Separation

- Fixed padding issues

Author: raith-hamzah

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-centered/preview.html

@@ -7,10 +7,10 @@
 
 <div class="pagebuilder-content-type pagebuilder-slide"
      attr="data.main.attributes"
+     ko-style="Object.assign(data.main.style(), data.desktop_image.style(), getBackgroundStyles())"
      css="data.main.css"
      event="{ mouseover: onMouseOver, mouseout: onMouseOut }">
-    <div ko-style="Object.assign(data.main.style(), data.desktop_image.style(), getBackgroundStyles())"
-         event="{mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper}">
+    <div event="{mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper}">
         <div class="pagebuilder-collage-overlay" ko-style="data.overlay.style()">
             <scope args="getUploader().getUiComponent()">
                 <render />

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/poster/preview.html

@@ -5,17 +5,16 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-slide"
+<div class="pagebuilder-content-type pagebuilder-slide"
      attr="data.main.attributes"
      css="data.main.css"
      event="{ mouseover: onMouseOver, mouseout: onMouseOut }">
     <div class="pagebuilder-slide-wrapper"
-         ko-style="Object.assign(data.main.style(), data.desktop_image.style(), getBackgroundStyles())"
          event="{mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper}">
         <div class="pagebuilder-poster-overlay"
              attr="data.overlay.attributes"
-             ko-style="data.overlay.style"
-             css="data.overlay.css">>
+             ko-style="Object.assign(data.overlay.style(), data.desktop_image.style(), getBackgroundStyles())"
+             css="data.overlay.css">
             <scope args="getUploader().getUiComponent()">
                 <render />
             </scope>