From 51a51fe6b8d384060e198b7a7bedb79552818fb8 Mon Sep 17 00:00:00 2001
From: ilja <git@ilja.space>
Date: Wed, 21 Aug 2024 17:57:40 +0200
Subject: [PATCH] Improve style for quoted text in RichContent

Previously quoted text (e.g. in Markdown `> Some text`) was italic
When two different quotes were made, there was no destinction between the two, making it look like one quote
This is confusing

Now we have a vertical line in front of the quote
When two different pieces of text are quoted, it is now clear because the lines are separated
This vertical line is a typical way of visualising quoted text, so it should be easy to understand what it is
---
 src/components/rich_content/rich_content.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss
index 63df7d74..baccbfa3 100644
--- a/src/components/rich_content/rich_content.scss
+++ b/src/components/rich_content/rich_content.scss
@@ -1,7 +1,9 @@
 .RichContent {
   blockquote {
-    margin: 0.2em 0 0.2em 2em;
-    font-style: italic;
+    margin: 0.2em 0 0.2em 0.2em;
+    padding: 0 0 0 1em;
+    border-width: 0 0 0 0.3em;
+    border-style: solid;
   }
 
   pre {