Fix line-height, fix topbar, fix margins on headers

Author: gamingrobot

themes/doingstuff-zola/sass/doingstuff/_base.scss

@@ -31,17 +31,19 @@ h2,
 h3,
 h4 {
 	font-weight: $heading-font-weight;
+	margin-top: .5rem;
+	margin-bottom: .5rem;
 }
 
 h1 {
 	font-size: $h1-font-size;
 	line-height: $h1-line-height;
+	margin-top: 1rem;
 	margin-bottom: 0;
 }
 
 h2 {
 	font-size: $h2-font-size;
-	margin-bottom: .5rem;
 }
 
 h3 {

themes/doingstuff-zola/sass/doingstuff/_misc.scss

@@ -26,7 +26,7 @@
 
 %small-center-text {
 	font-size: $font-scale-dot7;
-	line-height: 1.1rem;
+	line-height: 1.1;
 	text-align: center;
 }
 

themes/doingstuff-zola/sass/doingstuff/_topbar.scss

@@ -7,6 +7,7 @@
   padding-bottom: $topbar-offset;
   background-color: $topbar-color;
   text-align: center;
+  line-height: 1;
   a {
     color: $gray-1;
     border: none;
@@ -28,13 +29,15 @@
 .topbar-title {
   padding-left: 1rem;
   display: flex;
+  align-items: center;
   font-size: $topbar-title-font-size;
 }
 
 .topbar-menu {
   flex: 1 1 auto;
   display: flex;
   justify-content: right;
+  align-items: center;
   font-size: $topbar-links-font-size;
 }
 

themes/doingstuff-zola/sass/doingstuff/_variables.scss

@@ -23,7 +23,7 @@ $root-font-family: 'Atkinson Hyperlegible Next', system-ui, sans-serif;
 // poole's variables
 $root-font-size: 1rem;
 $root-font-weight: 400;
-$root-line-height: 1.6em;
+$root-line-height: 1.5;
 
 $body-color: #000000;
 $body-bg: #fff;
@@ -48,7 +48,7 @@ $code-fence-font-size: .8rem;
 $code-background-color: #f3f3f3;
 //$code-fence-background-color: #f3f3f3;
 $code-fence-background-color: #0d3a58;
-$code-line-height: 1.6em;
+$code-line-height: 1.5;
 
 // links
 $link-color: $blue;