diff --git a/components/PostShareButtons/index.js b/components/ShareButtons/index.js similarity index 87% rename from components/PostShareButtons/index.js rename to components/ShareButtons/index.js index ee9c4b1..4fb40c5 100644 --- a/components/PostShareButtons/index.js +++ b/components/ShareButtons/index.js @@ -22,7 +22,9 @@ export default function ShareButtons() { Tweet - Copy + + Share Link + ); } diff --git a/components/PostShareButtons/style.js b/components/ShareButtons/style.js similarity index 89% rename from components/PostShareButtons/style.js rename to components/ShareButtons/style.js index f0013cc..a8e0e76 100644 --- a/components/PostShareButtons/style.js +++ b/components/ShareButtons/style.js @@ -5,6 +5,8 @@ export const Container = styled.div` display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; + margin-top: 32px; + margin-bottom: 8px; button { width: 100%; diff --git a/pages/index.js b/pages/index.js index c442194..6190195 100644 --- a/pages/index.js +++ b/pages/index.js @@ -3,6 +3,7 @@ import * as React from 'react'; import Page, { SectionHeading, Heading, Subheading } from '../components/Page'; import type { GetInitialProps } from '../types'; import Checklist from '../components/Checklist'; +import ShareButtons from '../components/ShareButtons'; class Index extends React.Component<{}> { static async getInitialProps({ res }: GetInitialProps) { @@ -19,13 +20,15 @@ class Index extends React.Component<{}> { return ( - Improve your online privacy and security + Improve your digital privacy and security - The follow resources are designed to improve everyday people’s - security and privacy while using the internet. + The following resources are designed to keep you safe while using + digital devices and the internet. + + );