aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/website/ts/@next/components/footer.tsx13
1 files changed, 9 insertions, 4 deletions
diff --git a/packages/website/ts/@next/components/footer.tsx b/packages/website/ts/@next/components/footer.tsx
index 28af394b5..0212e0b82 100644
--- a/packages/website/ts/@next/components/footer.tsx
+++ b/packages/website/ts/@next/components/footer.tsx
@@ -97,7 +97,7 @@ export const Footer: React.StatelessComponent<FooterInterface> = ({}) => (
);
const LinkList = (props: LinkListProps) => (
- <ul>
+ <List>
{_.map(props.links, (link, index) => (
<li key={`fl-${index}`}>
<Link to={link.url}>
@@ -105,7 +105,7 @@ const LinkList = (props: LinkListProps) => (
</Link>
</li>
))}
- </ul>
+ </List>
);
const FooterSection = Section.withComponent('footer');
@@ -136,12 +136,17 @@ const FooterSectionWrap = styled(FooterColumn)`
const RowHeading = styled.h3`
color: ${colors.white};
- font-weight: 500;
+ font-weight: 700;
font-size: 16px;
- line-height: 20px;
margin-bottom: 1.25em;
`;
+const List = styled.ul`
+ li + li {
+ margin-top: 8px;
+ }
+`;
+
const Link = styled(ReactRouterLink)`
color: rgba(255, 255, 255, 0.5);
display: block;