RenderedHtml: Remove outer margins from rendered text

This makes it easier to properly align the component with other elements on the page

Author: Turbo87

app/components/rendered-html.module.css

@@ -2,6 +2,14 @@
     line-height: 1.5;
     overflow-wrap: break-word;
 
+    > :first-child {
+        margin-top: 0;
+    }
+
+    > :last-child {
+        margin-bottom: 0;
+    }
+
     img {
         max-width: 100%;
     }

app/styles/crate/version.module.css

@@ -194,6 +194,11 @@ div.header {
     margin-bottom: 40px;
 }
 
+.readme {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
 .crate-downloads {
     display: flex;
     flex-wrap: wrap;

app/templates/crate/version.hbs

@@ -67,7 +67,7 @@
       </div>
       {{#if this.readme}}
         <section aria-label="Readme">
-          <RenderedHtml @html={{this.readme}} />
+          <RenderedHtml @html={{this.readme}} local-class="readme" />
         </section>
       {{else}}
         {{#if this.crate.description}}