From c2da7af75557de952528f6697bee59e680427f34 Mon Sep 17 00:00:00 2001 From: Brian Lovin Date: Sun, 13 Jan 2019 12:57:59 -0800 Subject: [PATCH] Styling and homepage copy tweaks --- components/Page/style.js | 7 ++++--- components/ShareButtons/style.js | 5 +++-- pages/index.js | 6 +++--- 3 files changed, 10 insertions(+), 8 deletions(-) diff --git a/components/Page/style.js b/components/Page/style.js index ed92531..1462d61 100644 --- a/components/Page/style.js +++ b/components/Page/style.js @@ -48,8 +48,8 @@ export const SectionHeading = styled.div` `; export const Heading = styled.h3` - font-size: 32px; - font-weight: 700; + font-size: 40px; + font-weight: 800; line-height: 1.2; color: ${theme.text.default}; @@ -62,7 +62,8 @@ export const Subheading = styled.h4` font-size: 22px; font-weight: 400; color: ${theme.text.tertiary}; - margin-top: 16px; + margin-top: 12px; + line-height: 1.2; a { color: ${theme.text.default}; diff --git a/components/ShareButtons/style.js b/components/ShareButtons/style.js index a8e0e76..5946ddd 100644 --- a/components/ShareButtons/style.js +++ b/components/ShareButtons/style.js @@ -5,8 +5,9 @@ export const Container = styled.div` display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; - margin-top: 32px; - margin-bottom: 8px; + margin-top: 40px; + margin-bottom: 16px; + width: 100%; button { width: 100%; diff --git a/pages/index.js b/pages/index.js index 6190195..dce05c1 100644 --- a/pages/index.js +++ b/pages/index.js @@ -20,10 +20,10 @@ class Index extends React.Component<{}> { return ( - Improve your digital privacy and security + Be safe on the internet. - The following resources are designed to keep you safe while using - digital devices and the internet. + An open source collection of resources designed to improve your + online privacy and security.