modify class name and clean code

resource/js/components/PageEditor/Editor.js

@@ -215,7 +215,7 @@ export default class Editor extends AbstractEditor {
     const isMobile = this.props.isMobile;
 
     return <React.Fragment>
-      <div style={flexContainer} className="editor">
+      <div style={flexContainer} className="dropzone-container">
         <Dropzone
             ref="dropzone"
             disableClick

resource/styles/scss/_on-edit.scss

@@ -183,7 +183,7 @@ body.on-edit {
       }
     }
 
-     .btn-open-dropzone {
+    .btn-open-dropzone {
       z-index: 2;
       font-size: small;
       text-align: right;
@@ -192,16 +192,15 @@ body.on-edit {
       border: none;
       border-radius: 0;
       border-top: 1px dotted #ccc;
-
       &:active {
         box-shadow: none;
       }
-
       // hide if screen size is less than smartphone
       @media (max-width: $screen-xs) {
         display: none;
       }
     }
+
   }
   .page-editor-preview-container {
   }

resource/styles/scss/dropzone.scss

@@ -1,4 +1,4 @@
- .editor {
+.dropzone-container {
   .overlay {
     // layout
     display: flex;