Enlarge the editor size

app/views/dashboard/edit.html.tpl

@@ -8,6 +8,7 @@
         <@css katex.min.css %>
         <@css articles_edit.css %>
         <@css custom-blue-theme.css %>
+        <@css editor.css %>
         <@js quill.min.js %>
         <@js katex.min.js %>
         <@js editor.js %>
@@ -19,7 +20,7 @@
             <%= post-content %>
         </div>
 
-        <div id="edit-content" class="container">
+        <div id="edit-content" class="container edit-content-view">
             <div class="msg-layer-none" id="msg-layer"></div>
 
             <div class="row">

app/views/dashboard/new_post.html.tpl

@@ -6,6 +6,7 @@
         <@css quill.snow.css %>
         <@css quill.bubble.css %>
         <@css katex.min.css %>
+        <@css editor.css %>
         <@js quill.min.js %>
         <@js katex.min.js %>
         <@js editor.js %>
@@ -48,55 +49,55 @@
                 </div>
             </div>
             <div id="standalone-container">
-		<div id="toolbar-container">
-		<span class="ql-formats">
-		<select class="ql-font">
-		<option selected>Open Sans</option>
+                <div id="toolbar-container">
+                    <span class="ql-formats">
+                        <select class="ql-font">
+                            <option selected>Open Sans</option>
                         </select>
-		<select class="ql-size"></select>
+                        <select class="ql-size"></select>
                     </span>
-		<span class="ql-formats">
-		<button class="ql-bold"></button>
-		<button class="ql-italic"></button>
-		<button class="ql-underline"></button>
-		<button class="ql-strike"></button>
+                    <span class="ql-formats">
+                        <button class="ql-bold"></button>
+                        <button class="ql-italic"></button>
+                        <button class="ql-underline"></button>
+                        <button class="ql-strike"></button>
                     </span>
-		<span class="ql-formats">
-		<select class="ql-color"></select>
-		<select class="ql-background"></select>
+                    <span class="ql-formats">
+                        <select class="ql-color"></select>
+                        <select class="ql-background"></select>
                     </span>
-		<span class="ql-formats">
-		<button class="ql-script" value="sub"></button>
-		<button class="ql-script" value="super"></button>
+                    <span class="ql-formats">
+                        <button class="ql-script" value="sub"></button>
+                        <button class="ql-script" value="super"></button>
                     </span>
-		<span class="ql-formats">
-		<button class="ql-header" value="1"></button>
-		<button class="ql-header" value="2"></button>
-		<button class="ql-blockquote"></button>
-		<button class="ql-code-block"></button>
+                    <span class="ql-formats">
+                        <button class="ql-header" value="1"></button>
+                        <button class="ql-header" value="2"></button>
+                        <button class="ql-blockquote"></button>
+                        <button class="ql-code-block"></button>
                     </span>
-		<span class="ql-formats">
-		<button class="ql-list" value="ordered"></button>
-		<button class="ql-list" value="bullet"></button>
-		<button class="ql-indent" value="-1"></button>
-		<button class="ql-indent" value="+1"></button>
+                    <span class="ql-formats">
+                        <button class="ql-list" value="ordered"></button>
+                        <button class="ql-list" value="bullet"></button>
+                        <button class="ql-indent" value="-1"></button>
+                        <button class="ql-indent" value="+1"></button>
                     </span>
-		<span class="ql-formats">
-		<button class="ql-direction" value="rtl"></button>
-		<select class="ql-align"></select>
+                    <span class="ql-formats">
+                        <button class="ql-direction" value="rtl"></button>
+                        <select class="ql-align"></select>
                     </span>
-		<span class="ql-formats">
-		<button class="ql-link"></button>
-		<button class="ql-image"></button>
-		<button class="ql-video"></button>
-		<button class="ql-formula"></button>
+                    <span class="ql-formats">
+                        <button class="ql-link"></button>
+                        <button class="ql-image"></button>
+                        <button class="ql-video"></button>
+                        <button class="ql-formula"></button>
                     </span>
-		<span class="ql-formats">
-		<button class="ql-clean"></button>
+                    <span class="ql-formats">
+                        <button class="ql-clean"></button>
                     </span>
                 </div>
-		<div id="editor-container"></div>
-	    </div>
+                <div id="editor-container"></div>
+            </div>
             <button class="btn blue darken-2 article-buttons" onclick="submit_post()" id="submit-button">Submit</button>
         </div>
     </body>

pub/css/blog.css

@@ -101,6 +101,7 @@
  */
 .main-content {
     margin-top: 50px;
+    width: 93%;
 }
 
 h2, h3 {

pub/css/editor.css

+.ql-editor {
+    font-size: 26px;
+}
+
+.edit-content-view {
+    width: 93%;
+}