[Markdown] some simple styling for the editor

dist/styles/MarkdownEditor.css

+.markdown-editor {
+  display: flex;
+  width: 100%;
+}
+.markdown-editor .md {
+  width: 40%;
+}
+.markdown-editor .html {
+  width: 60%;
+  padding-left: 10px;
+}
+
+/*# sourceMappingURL=MarkdownEditor.css.map */

dist/styles/MarkdownEditor.sass

+.markdown-editor
+  display: flex
+  width: 100%
+  .md
+    width: 40%
+  .html
+    width: 60%
+    padding-left: 10px

src/Gargantext/Components/MarkdownEditor.purs

@@ -54,7 +54,9 @@ markdownEditorCpt = R.hooksComponent "G.C.MarkdownEditor" cpt
 
       pure $ H.div { className: "markdown-editor" } [
         H.div { className: "md" } [
-          H.textarea { on: {change: onChange ref editedMd} } [ H.text $ fst editedMd ]
+          H.textarea { className: "form-control"
+                     , rows: 30
+                     , on: {change: onChange ref editedMd} } [ H.text $ fst editedMd ]
         ]
       , H.div { ref, className: "html" } []
       ]

src/index.html

@@ -13,6 +13,7 @@
         <link rel="stylesheet" type="text/css" href="styles/menu.css"/>
         <link href="styles/Graph.css" rel="stylesheet" type="text/css" />
         <link href="styles/Login.css" rel="stylesheet" type="text/css" />
+        <link href="styles/MarkdownEditor.css" rel="stylesheet" type="text/css" />
         <link href="styles/range-slider.css" rel="stylesheet" type="text/css" />
         <style>
          * {margin: 0; padding: 0; list-style: none;}