diff --git a/package-lock.json b/package-lock.json index 02cce80..4ebb3fc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "nnk", - "version": "0.8.2", + "version": "0.8.3", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 84c215e..eb61215 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nnk", - "version": "0.8.2", + "version": "0.8.3", "private": true, "description": "No Named Kitchen: Supporting People on the Move", "repository": "https://github.com/annabranco/nnk", diff --git a/packages/nnk/src/components/controllers/MainPage/styles.js b/packages/nnk/src/components/controllers/MainPage/styles.js index c5d59d1..11888bb 100644 --- a/packages/nnk/src/components/controllers/MainPage/styles.js +++ b/packages/nnk/src/components/controllers/MainPage/styles.js @@ -1,5 +1,5 @@ import { styled } from 'frontity'; -import { fontTitle, sizeLarge } from '../../../setup/themes'; +import { fontTitle, sizeMediumTitle } from '../../../setup/themes'; export const MainContainer = styled.div` display: flex; @@ -13,13 +13,13 @@ export const MainContainer = styled.div` MainContainer.displayName = 'MainContainer'; export const SubscriptionButton = styled.button` - margin: -20px auto 10px; - height: 40px; - width: 250px; + margin: -30px auto 30px; + height: 60px; + width: 450px; color: ${({ colors }) => colors && colors.secondary}; background-color: ${({ colors }) => colors && colors.terciary}; text-transform: uppercase; - font-size: ${sizeLarge}; + font-size: ${sizeMediumTitle}; font-family: ${fontTitle}; cursor: pointer; border-radius: 5px; diff --git a/packages/nnk/src/components/views/SocialContainer/styles.js b/packages/nnk/src/components/views/SocialContainer/styles.js index 24ba5cb..be43dae 100644 --- a/packages/nnk/src/components/views/SocialContainer/styles.js +++ b/packages/nnk/src/components/views/SocialContainer/styles.js @@ -26,7 +26,7 @@ export const SocialContainer = styled.div` } @media only screen and (min-width: 1024px) { - margin: 80px 40px; + margin: 40px 40px 80px; ${({ size }) => size === 'small' &&