Merge branch 'markdown-css-improvements' into 'develop'

38c3 Design: bessere Lesbarkeit von Markdown-Elementen

See merge request !1070

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>
 

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;
+  }
 }