From 1d71987d13a48b23f50836f2edc2277a9f1d2773 Mon Sep 17 00:00:00 2001 From: Fire Demon 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(-) 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