resize-editor

remove-padding

frontend/angular/src/app/components/admin-portal/edit-message-template/edit-message-template.component.scss

 .message-template-form {
+
+    padding-top: 15px;
+    padding-bottom: 15px;
+
     label {
         font-family: 'Usual-Regular' !important;
     }

frontend/angular/src/app/components/message-engine/message-engine.component.html

@@ -50,7 +50,7 @@
                             </div>
                         </div>
                         <div class="ui-g-12 ui-fluid">
-                            <div class="ui-g-9">
+                            <div class="ui-g-9 resizeable">
                                 <p-editor #message [(ngModel)]="Message.MessageContent" name="MessageContent">
                                     <p-header>
                                         <span class="ql-formats">

frontend/angular/src/app/components/message-engine/message-engine.component.scss

@@ -280,3 +280,8 @@ a {
         -webkit-box-shadow: inset 0 0 200px rgba(100, 100, 100, 0.42);
     }
 }
+
+.resizeable {
+    resize: both;
+    overflow: auto;
+}