From e89ecc670012691c3a179ce1c60fdeaccc106d56 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Sun, 17 Jul 2022 06:19:23 +0200
Subject: [PATCH] Force monospace in the Markdown editor

---
 components/generic/editable/inputs.module.css | 4 ++++
 components/generic/editable/inputs.tsx        | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/generic/editable/inputs.module.css b/components/generic/editable/inputs.module.css
index 7dfcd0c..7041311 100644
--- a/components/generic/editable/inputs.module.css
+++ b/components/generic/editable/inputs.module.css
@@ -3,4 +3,8 @@
      * 8px padding + 2px border 
      */
     padding: 10px;
+}
+
+.editableMarkdownEdit {
+    font-family: monospace;
 }
\ No newline at end of file
diff --git a/components/generic/editable/inputs.tsx b/components/generic/editable/inputs.tsx
index 7dcf97b..a036099 100644
--- a/components/generic/editable/inputs.tsx
+++ b/components/generic/editable/inputs.tsx
@@ -55,7 +55,10 @@ export const EditableMarkdown = (props: TextAreaProps) => {
     return (
         <EditingModeBranch
             edit={
-                <textarea {...props} />
+                <textarea
+                    className={style.editableMarkdownEdit}
+                    {...props}
+                />
             }
             view={
                 <FestaMarkdownRenderer code={props.value} />