From 8d7ebe91430fab2b73eaff5f4abf5197986f356a Mon Sep 17 00:00:00 2001 From: Brian Lovin Date: Sun, 13 Jan 2019 10:31:29 -0800 Subject: [PATCH] More polish --- components/ChecklistItem/style.js | 21 ++++++++++++++++++--- components/Header/style.js | 7 ++++--- now.json | 3 +++ 3 files changed, 25 insertions(+), 6 deletions(-) diff --git a/components/ChecklistItem/style.js b/components/ChecklistItem/style.js index 2e0e523..2dd16da 100644 --- a/components/ChecklistItem/style.js +++ b/components/ChecklistItem/style.js @@ -27,6 +27,7 @@ export const Description = styled.h4` font-size: 16px; font-weight: 400; color: ${theme.text.secondary}; + margin-top: 8px; `; export const SectionHeading = styled.h5` @@ -127,11 +128,15 @@ export const AppRowContainer = styled.a` margin-top: 0px; margin-left: -24px; width: calc(100% + 40px); - padding: 24px; + padding: 12px 24px; &:last-of-type { border-bottom: 1px solid ${theme.bg.wash}; } + + &:hover { + background: ${theme.bg.default}!important; + } } &:hover { @@ -162,6 +167,7 @@ export const AppSourcesList = styled.ul` list-style-type: none; display: flex; align-items: center; + margin-right: 8px; @media (max-width: 768px) { margin-right: 0; @@ -208,6 +214,10 @@ export const AppSourcesListItem = styled.li` left: 7px; } + &:hover { + background: ${theme.bg.default}!important; + } + ${props => props.hideOnMobile && css` @@ -232,10 +242,11 @@ export const ResourceRowContainer = styled.a` margin-top: 4px; width: 100%; border-radius: 6px; - padding: 8px 12px; + padding: 8px 20px 8px 12px; margin-left: -12px; color: ${theme.text.tertiary}; width: calc(100% + 8px); + line-height: 1.3; @media (max-width: 768px) { width: calc(100% + 40px); @@ -244,8 +255,12 @@ export const ResourceRowContainer = styled.a` margin-left: -24px; padding-left: 24px; + &:hover { + background: ${theme.bg.default}!important; + } + .icon { - margin-top: 4px; + margin-top: 2px; } } diff --git a/components/Header/style.js b/components/Header/style.js index c781060..0043b4a 100644 --- a/components/Header/style.js +++ b/components/Header/style.js @@ -18,6 +18,10 @@ export const Container = styled.div` props.showHeaderShadow ? '0 4px 8px rgba(0,0,0,0.04)' : 'none'}; transition: all 0.2s ease-in-out; + a { + margin-left: 8px; + } + @media (max-width: 968px) { padding: 8px 16px; grid-template-columns: 1fr 1fr; @@ -37,7 +41,4 @@ export const ButtonRowContainer = styled.div` justify-content: flex-end; grid-area: actions; align-items: center; - - @media (max-width: 968px) { - } `; diff --git a/now.json b/now.json index abc7cd0..9222913 100644 --- a/now.json +++ b/now.json @@ -1,5 +1,8 @@ { "alias": ["securitycheckli.st"], + "github": { + "silence": true + }, "files": [ "components", "config",