diff options
| -rw-r--r-- | packages/website/ts/@next/components/footer.tsx | 13 |
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; |