Removed inconsistencies in styling of editor content (#675)

* Removed inconsistencies in styling of editor content

* Fixed integrated attachments style

* Updated styles

* Added padding for lists

* Improved padding

Author: gaagul

src/components/Editor/index.jsx

@@ -202,7 +202,7 @@ const Editor = (
               dragDropRef={dragDropRef}
               isIndependent={false}
               ref={addAttachmentsRef}
-              className={classnames("ne-attachments", {
+              className={classnames("ne-attachments--integrated", {
                 [attachmentsClassName]: attachmentsClassName,
               })}
               onChange={onChangeAttachments}

src/styles/editor/_editor-content.scss

@@ -12,15 +12,14 @@
   h4,
   h5,
   h6 {
-    margin: 0 0 16px 0;
+    margin: 1rem 0 0.5rem 0;
   }
 
   // Paragraph
   p {
     font-size: var(--neeto-ui-text-body2);
     line-height: var(--neeto-ui-leading-normal);
     color: rgb(var(--neeto-ui-gray-700));
-    margin-bottom: 8px;
 
     &:empty::after {
       content: "\00a0";
@@ -85,13 +84,8 @@
   ul,
   ol {
     list-style: revert;
-    margin: revert;
-    padding: revert;
+    padding-left: 28px;
 
-    & > li > p {
-      margin-top: 0 !important;
-      margin-bottom: 0.375rem !important;
-    }
     li::before {
       background-color: rgb(var(--neeto-ui-black));
     }
@@ -107,7 +101,7 @@
   .video-wrapper {
     width: 560px;
     height: 315px;
-    margin: auto;
+    margin: 16px auto;
   }
 
   mark {
@@ -172,6 +166,7 @@
 }
 
 .neeto-editor__image-wrapper {
+  margin: 16px 0;
   display: flex;
 
   figure {

src/styles/editor/_table.scss

@@ -1,6 +1,7 @@
 .neeto-editor-table {
   display: relative;
   width: fit-content;
+  margin: 16px 0;
 
   table {
     th,