From a4825d87483d28f34a37d9323713be96798ec214 Mon Sep 17 00:00:00 2001
From: August Skare <post@augustskare.no>
Date: Fri, 26 Oct 2018 08:22:29 +0200
Subject: center logo text

---
 packages/dev-tools-pages/ts/components/Header.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'packages/dev-tools-pages/ts')

diff --git a/packages/dev-tools-pages/ts/components/Header.tsx b/packages/dev-tools-pages/ts/components/Header.tsx
index 44074cca3..943786778 100644
--- a/packages/dev-tools-pages/ts/components/Header.tsx
+++ b/packages/dev-tools-pages/ts/components/Header.tsx
@@ -43,6 +43,8 @@ const StyledHeader = styled.header`
 `;
 
 const LogoMark = styled.div`
+    position: relative;
+    height: 1.75rem;
     display: flex;
     align-items: center;
 `;
@@ -50,12 +52,15 @@ const LogoMark = styled.div`
 const StyledLogo = styled.div`
     color: ${props => props.color}
     width: 1.75rem;
-    height: 1.75rem;
+    height: 100%;
 `;
 
 const Title = styled.h1`
     font-size: 1.5rem;
-    margin: 0;
+    line-height: 1;
+    white-space: nowrap;
+    margin-top: 2px;
+    margin-bottom: 0;
     margin-left: 0.8125rem;
 
     ${media.small`font-size: 1.25rem;`};
-- 
cgit v1.2.3