From 53f0fdf1a88ba0e2349625d1f491e6e20ec22785 Mon Sep 17 00:00:00 2001
From: Louise de Beaufort <github@ltch.fr>
Date: Mon, 22 Jul 2019 00:31:05 +0200
Subject: [PATCH] fix: Fix the style of blockquotes, ul and li in toots (#1348)

* Fix the style of blockquotes, ul and li in toots

* fixup based on review comments

fixes #1324
---
 .../_components/status/StatusContent.html     | 33 +++++++++++++++++--
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/routes/_components/status/StatusContent.html b/src/routes/_components/status/StatusContent.html
index 043c6da8..74489333 100644
--- a/src/routes/_components/status/StatusContent.html
+++ b/src/routes/_components/status/StatusContent.html
@@ -21,18 +21,45 @@
     display: block;
   }
 
-  :global(.status-content p) {
+  :global(.status-content li) {
+    font-size: 1.3em;
+  }
+
+  :global(
+      .status-content p,
+      .status-content blockquote,
+      .status-content ul,
+      .status-content ol) {
     margin: 0 0 20px;
   }
 
-  :global(.status-content p:first-child) {
+  :global(
+      .status-content p:first-child,
+      .status-content blockquote:first-child,
+      .status-content ul:first-child,
+      .status-content ol:first-child) {
     margin: 0 0 20px;
   }
 
-  :global(.status-content p:last-child) {
+  :global(
+      .status-content p:last-child,
+      .status-content blockquote:last-child,
+      .status-content ul:last-child,
+      .status-content ol:last-child) {
     margin: 0;
   }
 
+  :global(.status-content blockquote) {
+    padding-left: 1.5rem;
+    border-left: 5px solid var(--body-bg);
+    color: var(--very-deemphasized-text-color);
+    font-style: italic;
+  }
+
+  :global(.status-content ul, .status-content ol) {
+    padding-left: 2rem;
+  }
+
   .status-content.status-in-notification {
     color: var(--very-deemphasized-text-color);
   }