bug(ui): fix platform docs padding (#20354)

* bug(ui): fix platform docs padding

package.json

@@ -96,6 +96,7 @@
     "parseurl": "^1.3.2",
     "platformicons": "2.1.1",
     "po-catalog-loader": "2.0.0",
+    "prismjs": "^1.21.0",
     "prop-types": "^15.6.0",
     "query-string": "6.6.0",
     "react": "16.12.0",

src/sentry/static/sentry/app/views/projectInstall/platform.jsx

@@ -2,6 +2,7 @@ import {browserHistory} from 'react-router';
 import PropTypes from 'prop-types';
 import React from 'react';
 import styled from '@emotion/styled';
+import 'prismjs/themes/prism-tomorrow.css';
 
 import {Panel, PanelAlert, PanelBody, PanelHeader} from 'app/components/panels';
 import {loadDocs} from 'app/actionCreators/projects';
@@ -163,6 +164,19 @@ class ProjectInstallPlatform extends React.Component {
 }
 
 const DocumentationWrapper = styled('div')`
+  .gatsby-highlight {
+    margin-bottom: ${space(3)};
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .alert {
+    margin-bottom: ${space(3)};
+    border-radius: ${p => p.theme.borderRadius};
+  }
+
   p {
     line-height: 1.5;
   }

yarn.lock

@@ -12827,6 +12827,13 @@ pretty-hrtime@^1.0.3:
   resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
   integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=
 
+prismjs@^1.21.0:
+  version "1.21.0"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.21.0.tgz#36c086ec36b45319ec4218ee164c110f9fc015a3"
+  integrity sha512-uGdSIu1nk3kej2iZsLyDoJ7e9bnPzIgY0naW/HdknGj61zScaprVEVGHrPoXqI+M9sP0NDnTK2jpkvmldpuqDw==
+  optionalDependencies:
+    clipboard "^2.0.0"
+
 prismjs@^1.8.4:
   version "1.19.0"
   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.19.0.tgz#713afbd45c3baca4b321569f2df39e17e729d4dc"