👌 Update code due to review changes

* Replace figure with div in /plugins/image
* Update CSS styling

src/Editor.jsx

@@ -107,7 +107,7 @@ const schema = {
                 <div className="column" />
                 <div className="column is-three-quarters">
                     {/*<Uploader />*/}
-                    <div style={{marginTop: '100px'}}>
+                    <div style={{marginTop: '2rem'}}>
                         <HoverMenu
                             ref={menu => (this.hoverMenu = menu)}
                             value={this.state.value}

src/plugins/image/index.js

@@ -34,7 +34,7 @@ function ImageNode(props) {
     const { src, selected, ...attributes} = props
 
     return (
-        <figure className={`plugin-wrapper ${selected ? 'selected' : ''}`}>
+        <div className={`plugin-wrapper ${selected ? 'selected' : ''}`}>
             <img
                 src={src}
                 className="image"
@@ -44,7 +44,7 @@ function ImageNode(props) {
             {/*<figcaption>
             Figure 1: Some beautiful placeholders
             </figcaption>*/}
-        </figure>
+        </div>
     )
 }
 

src/plugins/section/index.js

@@ -53,7 +53,7 @@ const RenderSectionNode = {
         if(node.type === 'section') {
             const isVisible = node.data.get('isVisible')
             return (
-                <section className="section content has-background-light" {...attributes}>
+                <section className="section content " {...attributes}>
                     { children }
                     {
                         isFocused ? (

src/plugins/section/style.css

@@ -1,6 +1,9 @@
 section.section {
     position: relative;
+    padding: 1rem;
     min-height: 200px;
+    border: 2px solid whitesmoke;
+    border-radius: 4px;
 }
 
 aside.section-controls {