diff --git a/src/plainui/jinja2/plainui/index.html.j2 b/src/plainui/jinja2/plainui/index.html.j2 index e50510cbee77dfc6aa83ac7e338f113969913c73..60f69b31786bd84f5979ca3de1d8b844a3571098 100644 --- a/src/plainui/jinja2/plainui/index.html.j2 +++ b/src/plainui/jinja2/plainui/index.html.j2 @@ -30,7 +30,7 @@ {% endif %} <div class="hub-row"> - <div class="hub-col-remaining"> + <div class="hub-col-remaining hub-markdown"> <div class="hub-card">{{ start_body }}</div> </div> diff --git a/src/plainui/styles/components/_markdown.scss b/src/plainui/styles/components/_markdown.scss index 018979c5e36b7c0147f450e4f5e350baba324731..3eec9a53534cedc4ad43c513b20ebfaf875ab42e 100644 --- a/src/plainui/styles/components/_markdown.scss +++ b/src/plainui/styles/components/_markdown.scss @@ -15,6 +15,14 @@ } } + p { + margin-top: $spacer; + + &:first-child { + margin-top: 0; + } + } + h1, h2, h3, @@ -67,4 +75,16 @@ content: "@"; } } + + pre { + padding: $spacer * 0.5; + padding-left: $spacer; + + margin-left: $spacer; + margin-right: $spacer; + margin-bottom: $spacer; + + background: $body-bg-dark; + border-left: 0.2rem solid $secondary; + } }