Merge pull request #2576 from ellisonbg/markdown-css

Fix markdownviewer CSS

packages/markdownviewer-extension/src/index.ts

@@ -14,6 +14,8 @@ import {
 } from '@jupyterlab/docregistry';
 
 
+import '../style/index.css';
+
 /**
  * The class name for the text editor icon from the default theme.
  */

packages/markdownviewer-extension/style/index.css

@@ -0,0 +1,16 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+:root {
+  --jp-private-markdownviewer-padding: 16px;
+}
+
+.jp-Document.jp-MimeRenderer .jp-RenderedMarkdown {
+  padding-top: var(--jp-private-markdownviewer-padding);
+  padding-right: var(--jp-private-markdownviewer-padding);
+  padding-bottom: var(--jp-private-markdownviewer-padding);
+  padding-left: var(--jp-private-markdownviewer-padding);
+  overflow: auto;
+}