diff --git a/site/src/routes/examples/index.svelte b/site/src/routes/examples/index.svelte index 119913a012..d1383ea952 100644 --- a/site/src/routes/examples/index.svelte +++ b/site/src/routes/examples/index.svelte @@ -23,11 +23,11 @@ h2 { margin: 0 0 1em 0; - font: 600 var(--h6) var(--font); + font: 600 var(--h4) var(--font); border-bottom: var(--border-w) solid #eee; text-transform: uppercase; letter-spacing: .05em; - padding: 0 0 0.5em 0; + padding: 0 0 0.2em 0; } section { margin: 0 0 4rem 0 } @@ -38,7 +38,7 @@ align-items: center; justify-content: center; text-align: center; - font: 300 var(--h6) var(--font); + font: 300 var(--h5) var(--font); } .thumbnail { diff --git a/site/src/routes/tutorial/[slug]/_components/TableOfContents.svelte b/site/src/routes/tutorial/[slug]/_components/TableOfContents.svelte index 1102b704d9..35972181ad 100644 --- a/site/src/routes/tutorial/[slug]/_components/TableOfContents.svelte +++ b/site/src/routes/tutorial/[slug]/_components/TableOfContents.svelte @@ -28,7 +28,7 @@ a { display: block; - padding: 0.75em 0; + padding: 0.7em 0; text-align: center; opacity: 0.7; } @@ -38,7 +38,12 @@ opacity: 0.4; } - span { white-space: nowrap } + span { + white-space: nowrap; + position: relative; + top: 0.3em; + } + strong { opacity: 0.7 } select { diff --git a/site/src/routes/tutorial/[slug]/index.svelte b/site/src/routes/tutorial/[slug]/index.svelte index 1bcca2e2ed..9fba9c03ca 100644 --- a/site/src/routes/tutorial/[slug]/index.svelte +++ b/site/src/routes/tutorial/[slug]/index.svelte @@ -201,6 +201,8 @@ background: rgba(255,255,255,.1); padding: .2em .4em; white-space: nowrap; + position: relative; + top: -0.1em; } .controls {