change col position

src/client/js/components/Page/DisplaySwitcher.jsx

@@ -34,25 +34,23 @@ const DisplaySwitcher = (props) => {
   });
 
   return (
-    <>
-      <TabContent activeTab={editorMode}>
-        <TabPane tabId="view">
-          <Page />
-        </TabPane>
-        <TabPane tabId="edit">
-          <div id="page-editor" className="page-editor-preview-container page-editor-preview-body">
-            <Editor />
-            <EditorNavbarBottom />
-          </div>
-        </TabPane>
-        <TabPane tabId="hackmd">
-          <div id="page-editor-with-hackmd" className="hackmd-preinit hackmd-error">
-            <PageEditorByHackmd />
-            <EditorNavbarBottom />
-          </div>
-        </TabPane>
-      </TabContent>
-    </>
+    <TabContent activeTab={editorMode}>
+      <TabPane tabId="view">
+        <Page />
+      </TabPane>
+      <TabPane tabId="edit">
+        <div id="page-editor" className="page-editor-preview-container page-editor-preview-body">
+          <Editor />
+          <EditorNavbarBottom />
+        </div>
+      </TabPane>
+      <TabPane tabId="hackmd">
+        <div id="page-editor-with-hackmd" className="hackmd-preinit hackmd-error">
+          <PageEditorByHackmd />
+          <EditorNavbarBottom />
+        </div>
+      </TabPane>
+    </TabContent>
   );
 };
 

src/server/views/widget/page_content.html

@@ -1,5 +1,5 @@
 {% if page %}
-<div id="content-main" class="content-main container"
+<div id="content-main" class="content-main container col"
   data-path="{{ encodeURI(page.path) }}"
   data-current-user="{% if user %}{{ user._id.toString() }}{% endif %}"
   data-page-id="{% if page %}{{ page._id.toString() }}{% endif %}"