fix: reduce head links sizes

ccontrols · Jul 15, 2020 · 31d501f · 31d501f
1 parent 5acab47
commit 31d501f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/ui/components/src/LinkHeading/LinkHeading.tsx b/ui/components/src/LinkHeading/LinkHeading.tsx
@@ -5,9 +5,9 @@ import { LinkIcon } from '@primer/octicons-react';
 import { pageLink, titleToId } from './pageLink';
 
 const iconSize: Record<string, { size: number; level: number }> = {
-  h1: { size: 32, level: 1 },
-  h2: { size: 28, level: 2 },
-  h3: { size: 20, level: 3 },
+  h1: { size: 28, level: 1 },
+  h2: { size: 26, level: 2 },
+  h3: { size: 18, level: 3 },
   h4: { size: 16, level: 4 },
   h5: { size: 14, level: 5 },
   h6: { size: 12, level: 6 },

diff --git a/ui/components/src/ThemeContext/theme.ts b/ui/components/src/ThemeContext/theme.ts
@@ -191,25 +191,21 @@ export const theme: ControlsTheme = {
     h1: {
       ...heading,
       fontSize: 6,
-      mt: 4,
-      mb: 3,
+      my: 4,
     },
     h2: {
       ...heading,
       fontSize: 5,
-      mt: 4,
-      mb: 3,
+      my: 3,
     },
     h3: {
       ...heading,
-      mt: 4,
-      mb: 3,
+      my: 3,
     },
     h4: {
       ...heading,
       fontSize: 2,
-      mt: 4,
-      mb: 3,
+      my: 3,
     },
     h5: {
       ...heading,