fix(docz-theme-default): use padding on link instead of margin

doczjs · Aug 16, 2018 · b15457c · b15457c
1 parent a82903a
commit b15457c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 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
@@ -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
@@ -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;