Fix avatar linking on homepage

Author: CompuIves

packages/homepage/src/components/Button.js

@@ -6,10 +6,10 @@ const styles = css`
   border-radius: 0.25rem;
   border: none;
   font-family: ${props => props.theme.homepage.appleFont};
-  font-size: 0.8125rem;
+  font-size: 0.8125em;
   line-height: 19px;
   text-align: center;
-  padding: 4px 21px;
+  padding: 2px 21px;
   font-weight: 500;
   text-decoration: none;
   color: ${props => props.theme.homepage.white} !important;

packages/homepage/src/components/Navigation/index.js

@@ -166,11 +166,13 @@ const Navigation = () => {
                         Create Sandbox
                       </Button>
                       {user && (
-                        <UserAvatar
-                          className="tablet-remove"
-                          src={user.avatar_url}
-                          alt={user.username}
-                        />
+                        <a style={{ display: 'flex' }} href="/dashboard">
+                          <UserAvatar
+                            className="tablet-remove"
+                            src={user.avatar_url}
+                            alt={user.username}
+                          />
+                        </a>
                       )}
                     </LogIn>
                   </List>

packages/homepage/src/pages/ide/_elements.js

@@ -18,6 +18,8 @@ export const CreateSandbox = styled(Button)`
   top: 220px;
   z-index: 2;
   margin: auto;
+  font-size: 0.875rem;
+  padding: 10px 25px;
 
   ${props => props.theme.breakpoints.md} {
     top: 2.5rem;