Style Read More section in WYSIWYG like link

less/prose-editor.less

@@ -106,6 +106,9 @@ li.ProseMirror-selectednode:after {
 .ProseMirror-menuitem {
 	margin-right: 3px;
 	display: inline-block;
+	div {
+		cursor: pointer;
+	}
 }
 
 .ProseMirror-menuseparator {
@@ -404,6 +407,13 @@ textarea {
 	margin-bottom: 4px;
 }
 
+.editorreadmore {
+	color: @textLinkColor;
+	text-decoration: underline;
+	text-align: center;
+	width: 100%;
+}
+
 @media all and (min-width: 50em) {
 	#editor {
 		margin-left: 10%;

prose/schema.js

@@ -12,7 +12,7 @@ export const writeFreelySchema = new Schema({
       draggable: true,
       toDOM: (node) => [
         "div",
-        { class: "editorreadmore", style: "width: 100%;text-align:center" },
+        { class: "editorreadmore" },
         "Read more...",
       ],
       parseDOM: [{ tag: "div.editorreadmore" }],