Readability

frontend/components/Editor/Editor.scss

@@ -1,7 +1,7 @@
 .editor {
   font-weight: 400;
   font-size: 1em;
-  line-height: 1.5em;
+  line-height: 1.7em;
   width: 100%;
   color: #1b2631;
 

frontend/components/Layout/components/HeaderBlock.js

@@ -1,7 +1,6 @@
 // @flow
 import React from 'react';
 import styled from 'styled-components';
-import { Link } from 'react-router-dom';
 import { color, layout } from 'styles/constants';
 import type { User, Team } from 'types';
 import Flex from 'components/Flex';
@@ -16,19 +15,19 @@ function HeaderBlock({ user, team, children }: Props) {
   return (
     <Header justify="space-between" align="center">
       <Flex align="center" column>
-        <LogoLink to="/">{team.name}</LogoLink>
-        <Name>{user.name}</Name>
+        <TeamName>{team.name}</TeamName>
+        <UserName>{user.name}</UserName>
       </Flex>
       {children}
     </Header>
   );
 }
 
-const Name = styled.div`
+const UserName = styled.div`
   font-size: 13px;
 `;
 
-const LogoLink = styled(Link)`
+const TeamName = styled.div`
   font-family: 'Atlas Grotesk';
   font-weight: bold;
   color: ${color.text};
@@ -43,6 +42,7 @@ const Header = styled(Flex)`
   cursor: pointer;
   width: 100%;
 
+  &:active,
   &:hover {
     background: rgba(0,0,0,.05);
   }

frontend/components/Layout/components/SidebarLink/SidebarLink.js

@@ -17,6 +17,7 @@ const StyledNavLink = styled(NavLink)`
   display: block;
   padding: 5px ${layout.hpadding};
   color: ${color.slateDark};
+  font-size: 15px;
 
   &:hover {
     color: ${darken(0.1, color.slateDark)};

frontend/styles/base.scss

@@ -21,7 +21,7 @@ html, body, .viewport {
 
 body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  font-size: 15px;
+  font-size: 16px;
   line-height: 1.5;
   margin: 0;
   color: #617180;