From a4825d87483d28f34a37d9323713be96798ec214 Mon Sep 17 00:00:00 2001 From: August Skare 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(-) 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