From fb24a18f3faa99736562e363e68fe077f56d760a Mon Sep 17 00:00:00 2001
From: August Skare <post@augustskare.no>
Date: Thu, 25 Oct 2018 14:14:47 +0200
Subject: fix dom elements type in intro

---
 packages/dev-tools-pages/ts/components/Intro.tsx | 2 +-
 packages/dev-tools-pages/ts/pages/Cov.tsx        | 8 +++++---
 packages/dev-tools-pages/ts/pages/Profiler.tsx   | 8 +++++---
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/dev-tools-pages/ts/components/Intro.tsx b/packages/dev-tools-pages/ts/components/Intro.tsx
index 9ab04cbf7..86d29e36d 100644
--- a/packages/dev-tools-pages/ts/components/Intro.tsx
+++ b/packages/dev-tools-pages/ts/components/Intro.tsx
@@ -45,7 +45,7 @@ interface IntroLeadProps {
 
 function IntroLead(props: IntroLeadProps) {
     return (
-        <StyledIntroLead>
+        <StyledIntroLead as="div">
             <Title>{props.title}</Title>
             {props.children}
         </StyledIntroLead>
diff --git a/packages/dev-tools-pages/ts/pages/Cov.tsx b/packages/dev-tools-pages/ts/pages/Cov.tsx
index 679cf6f62..743b990df 100644
--- a/packages/dev-tools-pages/ts/pages/Cov.tsx
+++ b/packages/dev-tools-pages/ts/pages/Cov.tsx
@@ -17,9 +17,11 @@ function Cov() {
         <Base context={context}>
             <Intro>
                 <IntroLead title="Measure your tests">
-                    When it comes to writing smart contracts, testing is one of the most important steps of the process.
-                    In order to quantify the robustness of your Solidity testing suite, you need to measure its code
-                    coverage.
+                    <p>
+                        When it comes to writing smart contracts, testing is one of the most important steps of the
+                        process. In order to quantify the robustness of your Solidity testing suite, you need to measure
+                        its code coverage.
+                    </p>
                 </IntroLead>
                 <IntroAside>
                     <Code
diff --git a/packages/dev-tools-pages/ts/pages/Profiler.tsx b/packages/dev-tools-pages/ts/pages/Profiler.tsx
index f147d9d5a..b8e78264e 100644
--- a/packages/dev-tools-pages/ts/pages/Profiler.tsx
+++ b/packages/dev-tools-pages/ts/pages/Profiler.tsx
@@ -17,9 +17,11 @@ function Profiler() {
         <Base context={context}>
             <Intro>
                 <IntroLead title="Headline">
-                    Sol-profiler gathers line-by-line gas usage for any transaction submitted through your provider.
-                    This will help you find unexpected inefficiencies in parts of your smart contract, and take a
-                    data-driven approach to optimizing it.
+                    <p>
+                        Sol-profiler gathers line-by-line gas usage for any transaction submitted through your provider.
+                        This will help you find unexpected inefficiencies in parts of your smart contract, and take a
+                        data-driven approach to optimizing it.
+                    </p>
                 </IntroLead>
                 <IntroAside>
                     <Code language="javascript" diff gutterLength={6} gutter={[15, 15, undefined, 21747, 20303, 1435]}>
-- 
cgit