diff --git a/app/components/Heading.js b/app/components/Heading.js index c12670dc5..db4fd9db0 100644 --- a/app/components/Heading.js +++ b/app/components/Heading.js @@ -3,6 +3,7 @@ import styled from 'styled-components'; const Heading = styled.h1` display: flex; + align-items: center; svg { margin-left: -6px; diff --git a/shared/styles/base.js b/shared/styles/base.js index d07806396..4231af751 100644 --- a/shared/styles/base.js +++ b/shared/styles/base.js @@ -51,14 +51,14 @@ export default ` h4, h5, h6 { - font-family: 'Lato', -apple-system, BlinkMacSystemFont; + font-family: 'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen, Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif; font-weight: 500; line-height: 1.25; margin-top: 1em; margin-bottom: 0.5em; color: ${theme.text}; } - h1 { font-size: 2em; } + h1 { font-size: 2.25em; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; }