[editor] TextEditor: Improve styling

projects/editor/src/app/text-editor/rich-text-editor.component.scss

@@ -11,14 +11,14 @@ tiptap-editor {
 
 :host ::ng-deep div.ProseMirror {
   width: 100%;
-  margin: 10px;
+  margin: 1px 1px 10px 1px;
   overflow: scroll;
   border: 1px solid gray;
   max-width: 1000px;
+  padding: 5px;
 }
 
 .editor-control-panel {
-  margin-bottom: 15px;
   padding: 5px;
   font: unset;
   max-width: 1000px;
@@ -27,6 +27,8 @@ tiptap-editor {
   flex-wrap: wrap;
   background: linear-gradient(to top right, #FFF5F8, #FAFAFA);
   box-shadow: 0 2px 2px -2px rgba(34,47,62,.1),0 8px 8px -4px rgba(34,47,62,.07);
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
 }
 
 .editor-control-panel .input-group {
@@ -37,12 +39,12 @@ tiptap-editor {
   padding: 0.3em 0 0.7em 0;
 }
 
-
 .editor-control-panel .input-group .dropdown {
   width: 95px;
   height: 40px;
   margin: 0 5px;
 }
+
 // ### Adjust Material select ###
 :host ::ng-deep .editor-control-panel .input-group .dropdown .mat-mdc-text-field-wrapper {
   max-height: 100%;