fix: Markdown styling nits and inconsistencies (via #5235)

* bug: fix pre styles for block code

* bug: Fix badge padding

* create Markdown-specific stylesheet

src/style/_information.scss

@@ -10,6 +10,10 @@
             font-size: 12px;
         }
     }
+    pre 
+    {
+        font-size: 14px;
+    }
     p, li, table
     {
         font-size: 14px;
@@ -22,16 +26,6 @@
         @include text_body();
     }
 
-    code
-    {
-        padding: 3px 5px;
-
-        border-radius: 4px;
-        background: rgba($info-code-background-color,.05);
-
-        @include text_code($info-code-font-color);
-    }
-
     a
     {
         font-size: 14px;
@@ -88,6 +82,7 @@
             pre
             {
                 margin: 0;
+                padding: 0;
 
                 @include text_headline($info-title-small-pre-font-color);
             }

src/style/_markdown.scss

@@ -0,0 +1,26 @@
+.markdown, .renderedMarkdown {
+  p, pre {
+    margin: 1em auto;
+  }
+  pre {
+    color: black;
+    font-weight: normal;
+    white-space: pre-wrap;
+    background: none;
+    padding: 0px;
+  }
+
+  code {
+    font-size: 14px;
+    padding: 5px 7px;
+
+    border-radius: 4px;
+    background: rgba($info-code-background-color,.05);
+
+    @include text_code($info-code-font-color);
+  }
+
+  pre > code {
+    display: block;
+  }
+}

src/style/main.scss

@@ -18,4 +18,5 @@
     @import 'errors';
     @include text_body();
     @import 'split-pane-mode';
+    @import 'markdown';
 }