From b15457c18f5a15626f476eac133bda570bdbb893 Mon Sep 17 00:00:00 2001 From: Pedro Nauck Date: Wed, 15 Aug 2018 15:37:16 -0300 Subject: [PATCH] fix(docz-theme-default): use padding on link instead of margin --- .../docz-theme-default/src/components/shared/Sidebar/Link.tsx | 2 +- .../docz-theme-default/src/components/shared/Sidebar/Menu.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/docz-theme-default/src/components/shared/Sidebar/Link.tsx b/packages/docz-theme-default/src/components/shared/Sidebar/Link.tsx index e27b72a28..3e5ff88c4 100644 --- a/packages/docz-theme-default/src/components/shared/Sidebar/Link.tsx +++ b/packages/docz-theme-default/src/components/shared/Sidebar/Link.tsx @@ -44,7 +44,7 @@ const Wrapper = styled('div')` export const linkStyle = ({ colors }: any) => css` position: relative; display: block; - margin: 6px 24px; + padding: 4px 24px; font-weight: 600; color: ${colors.sidebarText}; text-decoration: none; diff --git a/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx b/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx index 5cc072efc..f0f35564f 100644 --- a/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx +++ b/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx @@ -34,7 +34,7 @@ const iconRotate = (p: IconProps) => (p.opened ? '-180deg' : '0deg') const Icon = styled('div')` position: absolute; top: 50%; - right: 0; + right: 20px; transform: translateY(-50%) rotate(${iconRotate}); transform-origin: 50% 50%; transition: transform 0.3s;