diff --git a/web/styles/rendered_markdown.css b/web/styles/rendered_markdown.css index fc1ded9490..d591d1fa76 100644 --- a/web/styles/rendered_markdown.css +++ b/web/styles/rendered_markdown.css @@ -235,10 +235,9 @@ border: hsl(0deg 0% 50%) 1px solid; padding: 2px 8px 2px 10px; border-radius: 10px; - position: relative; - top: 1px; - display: block; - margin: 5px 0 15px; + /* Space any subsequent Markdown content the same + distance as adjacent paragraphs are spaced. */ + margin: 0 0 10px; .spoiler-header { /* We use flexbox to display the spoiler message @@ -332,6 +331,13 @@ } } + & > .spoiler-block:last-child { + /* A spoiler block at the end of a message, or as + a message's only content, gets the same bottom + margin as other elements. */ + margin-bottom: 5px; + } + /* embedded link previews */ .message_inline_image_title { font-weight: bold; diff --git a/web/styles/widgets.css b/web/styles/widgets.css index 701a60de59..0b2932cb39 100644 --- a/web/styles/widgets.css +++ b/web/styles/widgets.css @@ -1,3 +1,9 @@ +.widget-content { + /* TODO: Coordinate this value with other Markdown + element spacing, as a variable. */ + margin-bottom: 5px; +} + .widget-choices { & ul { padding: 3px; @@ -67,10 +73,6 @@ } } } - - .add-task-bar { - margin-bottom: 5px; - } } .todo-widget, diff --git a/web/templates/widgets/poll_widget.hbs b/web/templates/widgets/poll_widget.hbs index f1d5e88944..a1badc2c9c 100644 --- a/web/templates/widgets/poll_widget.hbs +++ b/web/templates/widgets/poll_widget.hbs @@ -18,5 +18,4 @@ -