Merge pull request #367 from coderoad/fix/paragraph-spacing

ShMcK · web-flow · commit e207b7d01d73 · 2020-06-15T20:05:33.000-07:00
fix paragraph spacing
diff --git a/web-app/src/components/Markdown/style.css b/web-app/src/components/Markdown/style.css
@@ -186,3 +186,7 @@ pre tt {
   background-color: transparent;
   border: none;
 }
+
+.coderoad-markdown > p {
+  margin-bottom: 0.5rem;
+}
diff --git a/web-app/stories/Step.stories.tsx b/web-app/stories/Step.stories.tsx
@@ -6,7 +6,7 @@ import Step from '../src/containers/Tutorial/components/Step'
 import SideBarDecorator from './utils/SideBarDecorator'
 
 const stepText =
-  'This is a long paragraph of step text intended to wrap around the side after a short period of writing to demonstrate text wrap among other things'
+  'This is a long paragraph of step text intended to wrap around the side after a short period of writing to demonstrate text wrap among other things\n\nIt has a second paragraph'
 
 const paragraphText = `
   ### Code

Original file line number	Diff line number	Diff line change
`@@ -186,3 +186,7 @@ pre tt {`
`186`	`186`	`background-color: transparent;`
`187`	`187`	`border: none;`
`188`	`188`	`}`
	`189`	`+`
	`190`	`+.coderoad-markdown > p {`
	`191`	`+margin-bottom: 0.5rem;`
	`192`	`+}`