Merge pull request #3246 from weseek/imprv/gw4733-html-adjustment-for-gridedit

Imprv/gw4733 html adjustment for gridedit

src/client/js/components/PageEditor/GridEditModal.jsx

@@ -69,7 +69,8 @@ class GridEditModal extends React.Component {
   pasteCodedGrid() {
     const { colsRatios, responsiveSize } = this.state;
     const convertedHTML = geu.convertRatiosAndSizeToHTML(colsRatios, responsiveSize);
-    const pastedGridData = `::: editable-row\n<div class="container">\n <div class="row">\n${convertedHTML}\n\t</div>\n</div>\n:::`;
+    const spaceTab = '    ';
+    const pastedGridData = `::: editable-row\n<div class="container">\n${spaceTab}<div class="row">\n${convertedHTML}\n${spaceTab}</div>\n</div>\n:::`;
 
     if (this.props.onSave != null) {
       this.props.onSave(pastedGridData);

src/client/js/components/PageEditor/GridEditorUtil.js

@@ -130,8 +130,9 @@ class GridEditorUtil {
 
   convertRatiosAndSizeToHTML(ratioNumbers, responsiveSize) {
     const cols = ratioNumbers.map((ratioNumber, i) => {
+      const spaceTab = '    ';
       const className = `col${responsiveSize !== 'xs' ? `-${responsiveSize}` : ''}-${ratioNumber} bsGrid${i + 1}`;
-      return `<div class="${className}"></div>`;
+      return `${spaceTab}${spaceTab}<div class="${className}"></div>`;
     });
     return cols.join('\n');
   }