From 1d71987d13a48b23f50836f2edc2277a9f1d2773 Mon Sep 17 00:00:00 2001
From: Fire Demon <firedemon@creature.cafe>
Date: Sun, 23 Aug 2020 12:08:31 -0500
Subject: [UI] Fix padding between content note icon and span

---
 .../glitch/styles/monsterfork/components/status.scss | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

(limited to 'app')

diff --git a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss
index 65ac9286d..ae8453452 100644
--- a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss
@@ -137,22 +137,32 @@ div[data-nest-deep="true"] {
     }
   }
 
+  p:first-child,
+  pre:first-child,
+  blockquote:first-child,
+  div.status__notice-wrapper + p {
+    margin-top: 0px;
+  }
+
   p, pre, blockquote {
     margin-top: 1em;
     margin-bottom: 0px;
   }
 
-  .status__content__spoiler {
-    .status__content__spoiler--visible {
-      margin-top: 1em;
-    }
+  .status__content__spoiler--visible {
+    margin-top: 1em;
+    margin-bottom: 1em;
   }
 
   .spoiler {
     & > i {
-      padding-right: 8px;
+      width: 1.1em;
       color: lighten($dark-text-color, 4%);
     }
+
+    & > span {
+      padding-left: 8px;
+    }
   }
 
   .reblog-spoiler {
-- 
cgit