mirror of
https://github.com/brianlovin/security-checklist.git
synced 2026-03-11 08:55:31 +00:00
Last polish
This commit is contained in:
parent
5a11f77166
commit
f562ee6e55
3 changed files with 18 additions and 16 deletions
|
|
@ -6,7 +6,7 @@ import { CardContent, TopBorder } from './style';
|
|||
import { SmallHeading, SmallSubheading } from '../Page/style';
|
||||
|
||||
const BottomShare = () => (
|
||||
<Card style={{ width: '100%' }}>
|
||||
<Card style={{ width: '100%', marginTop: '48px' }}>
|
||||
<TopBorder />
|
||||
<CardContent>
|
||||
<SmallHeading>Feeling more secure?</SmallHeading>
|
||||
|
|
|
|||
|
|
@ -272,6 +272,19 @@ export const ResourceRowContainer = styled.a`
|
|||
width: calc(100% + 8px);
|
||||
line-height: 1.3;
|
||||
|
||||
&:first-of-type {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: ${theme.bg.wash};
|
||||
color: ${theme.text.default};
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
width: calc(100% + 40px);
|
||||
border-radius: 0;
|
||||
|
|
@ -284,22 +297,11 @@ export const ResourceRowContainer = styled.a`
|
|||
}
|
||||
|
||||
.icon {
|
||||
margin-top: 2px;
|
||||
margin-top: 1px;
|
||||
margin-left: 6px;
|
||||
margin-right: 18px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: ${theme.bg.wash};
|
||||
color: ${theme.text.default};
|
||||
}
|
||||
`;
|
||||
|
||||
export const ResourceName = styled.p`
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ export const Container = styled.div`
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 440px) {
|
||||
@media (max-width: 568px) {
|
||||
grid-template-columns: 1fr;
|
||||
grid-gap: 0;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue