Rich Text Editor (WIP)

app/javascript/styles/global.css

@@ -120,6 +120,11 @@ body {
   overscroll-behavior-y: none;
 }
 
+code,
+pre {
+  font-family: monospace !important;
+}
+
 .overflowYScroll {
   overflow: hidden;
   overflow-y: scroll;
@@ -166,9 +171,16 @@ body {
 
 .statusContent ul,
 .statusContent ol {
-  list-style-type: disc;
   padding-left: 40px;
-  margin: 0;
+  margin: 0.5rem 0;
+}
+
+.statusContent ul {
+  /* list-style-type: disc; */
+}
+
+.statusContent ol {
+  /* list-style-type: disc; */
 }
 
 .dangerousContent,
@@ -1002,6 +1014,7 @@ body {
   font-size: var(--fs_l);
 } */
 
+.statusContent blockquote,
 :global(.RichEditor-blockquote) {
   border-left: 5px solid var(--border_color_secondary);
   color: var(--text_color_secondary);
@@ -1010,11 +1023,14 @@ body {
   padding: 10px 20px;
 }
 
+.statusContent pre,
 :global(.public-DraftStyleDefault-pre) {
   background-color: rgba(0,0,0,.05);
   font-family: 'Inconsolata', 'Menlo', 'Consolas', monospace;
   font-size: var(--fs_l);
   padding: 10px 20px;
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 
 /*  */