From c622498e50bdc8bdd1db8d10ee26a1b924402eda Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Mon, 10 Dec 2018 18:20:08 +0100
Subject: Edits footer styling

---
 packages/website/ts/@next/components/footer.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

(limited to 'packages/website/ts/@next/components/footer.tsx')

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;
-- 
cgit v1.2.3

