From 82c0cb1a3c6eefc50872ee5d86d53551f3c5783b Mon Sep 17 00:00:00 2001
From: Anya Stasiuk <stasiukanya@gmail.com>
Date: Mon, 8 Apr 2019 17:42:30 +0300
Subject: [PATCH] add logo gutter

---
 src/components/ApiLogo/styled.elements.tsx | 1 +
 src/theme.ts                               | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/components/ApiLogo/styled.elements.tsx b/src/components/ApiLogo/styled.elements.tsx
index 321256de..1c0e97c2 100644
--- a/src/components/ApiLogo/styled.elements.tsx
+++ b/src/components/ApiLogo/styled.elements.tsx
@@ -10,6 +10,7 @@ export const LogoImgEl = styled.img`
 
 export const LogoWrap = styled.div`
   text-align: center;
+  padding: ${props => props.theme.logo.gutter};
 `;
 
 const Link = styled.a`
diff --git a/src/theme.ts b/src/theme.ts
index a8b8d46a..c31fd369 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -139,6 +139,7 @@ const defaultTheme: ThemeInterface = {
   logo: {
     maxHeight: ({ menu }) => menu.width,
     maxWidth: ({ menu }) => menu.width,
+    gutter: '2px',
   },
   rightPanel: {
     backgroundColor: '#263238',
@@ -307,6 +308,7 @@ export interface ResolvedThemeInterface {
   logo: {
     maxHeight: string;
     maxWidth: string;
+    gutter: string;
   };
   rightPanel: {
     backgroundColor: string;