From 18ec3ac17bfa642e085ec4fe1218bd2f1adfd907 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Fri, 9 Mar 2018 21:09:35 +0200
Subject: [PATCH] fix: align logo by center

---
 src/components/ApiLogo/ApiLogo.tsx                         | 4 +---
 .../ApiLogo/{styled.elements.ts => styled.elements.tsx}    | 7 +++++++
 2 files changed, 8 insertions(+), 3 deletions(-)
 rename src/components/ApiLogo/{styled.elements.ts => styled.elements.tsx} (60%)

diff --git a/src/components/ApiLogo/ApiLogo.tsx b/src/components/ApiLogo/ApiLogo.tsx
index 9fa019208e..fdf2b60ded 100644
--- a/src/components/ApiLogo/ApiLogo.tsx
+++ b/src/components/ApiLogo/ApiLogo.tsx
@@ -1,9 +1,7 @@
 import { observer } from 'mobx-react';
 import * as React from 'react';
 import { OpenAPIInfo } from '../../types';
-import { LogoImgEl, LogoWrap } from './styled.elements';
-
-const LinkWrap = url => Component => <a href={url}>{Component}</a>;
+import { LogoImgEl, LogoWrap, LinkWrap } from './styled.elements';
 
 @observer
 export class ApiLogo extends React.Component<{ info: OpenAPIInfo }> {
diff --git a/src/components/ApiLogo/styled.elements.ts b/src/components/ApiLogo/styled.elements.tsx
similarity index 60%
rename from src/components/ApiLogo/styled.elements.ts
rename to src/components/ApiLogo/styled.elements.tsx
index c9ee98dfc1..bd4f71634e 100644
--- a/src/components/ApiLogo/styled.elements.ts
+++ b/src/components/ApiLogo/styled.elements.tsx
@@ -1,3 +1,4 @@
+import * as React from 'react';
 import styled from '../../styled-components';
 
 export const LogoImgEl = styled.img`
@@ -10,3 +11,9 @@ export const LogoImgEl = styled.img`
 export const LogoWrap = styled.div`
   text-align: center;
 `;
+
+const Link = styled.a`
+  display: inline-block;
+`;
+
+export const LinkWrap = url => Component => <Link href={url}>{Component}</Link>;