constrain header width and reduce padding across the site

assets/sass/abstracts/_variables.scss

@@ -17,7 +17,7 @@ $system-fonts-monospace: "SFMono-Regular", "Consolas", "Liberation Mono",
 // stylelint-enable indentation
 
 // Misc Settings
-$responsive-width: 890px;
+$responsive-width: 820px;
 $link-underline-opacity: 40%;
 $link-underline-size: 2px;
 

assets/sass/components/_footer.scss

@@ -5,7 +5,7 @@ footer {
   width: 100%;
   letter-spacing: -0.01em;
   line-height: 1.7;
-  padding: 1.25em 2em;
+  padding: 1.25em 1.75em;
   box-sizing: border-box;
   color: $color-medium;
   border-top: 1px solid $color-light;
@@ -16,7 +16,7 @@ footer {
 
   div#row {
     width: 100%;
-    max-width: 980px;
+    max-width: 978px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;

assets/sass/components/_header.scss

@@ -7,7 +7,9 @@ header {
 
   nav {
     width: 100%;
+    max-width: 1032px;
     padding: 0.25em 1.75em;
+    margin: 0 auto;
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -53,6 +55,7 @@ header {
       list-style: none;
       display: flex;
       align-items: center;
+      padding: 0;
       font-size: 1.2em;
       line-height: 1;
 
@@ -81,6 +84,10 @@ header {
             margin-left: 0.5em;
           }
         }
+
+        &:first-child {
+          margin-left: 0;
+        }
       }
     }
   }

assets/sass/pages/_home.scss

@@ -4,7 +4,7 @@
 main#home {
   font-size: 1.1em;
   max-width: 980px;
-  padding: 1.5em 1.75em 0.5em 1.75em;
+  padding: 1.5em 1.5em 0.5em 1.5em;
   margin: 0 auto;
 
   h2 {
@@ -40,7 +40,8 @@ main#home {
 
   img#me {
     float: right;
-    margin: 0 0 0.5em 1em;
+    margin-bottom: 0.5em;
+    margin-left: 1em;
     padding: 4px;
     border: 1px solid $color-light;
     border-radius: 50%;

assets/sass/pages/_list.scss

@@ -3,7 +3,7 @@
 // Archive/List Styles
 main#list {
   max-width: 980px;
-  padding: 1.5em 2em;
+  padding: 1.5em 1.5em 0.25em 1.5em;
   margin: 0 auto;
 
   section.year {
@@ -12,11 +12,13 @@ main#list {
     h2 {
       font-size: 2.25em;
       letter-spacing: -0.025em;
-      margin: 0;
+      margin-top: 0;
+      margin-bottom: 0.4em;
     }
 
     ul {
       list-style-type: none;
+      margin: 0;
       padding-left: 0;
       display: block;
     }
@@ -25,6 +27,7 @@ main#list {
       display: flex;
       letter-spacing: -0.011em;
       line-height: 1.75;
+      margin-bottom: 1em;
 
       div.date {
         color: $color-medium;
@@ -32,12 +35,8 @@ main#list {
         flex-shrink: 0;
       }
 
-      + li {
-        margin-top: 1em;
-      }
-
       &:last-child {
-        margin-bottom: 1.8em;
+        margin-bottom: 1.6em;
       }
     }
   }
@@ -47,7 +46,7 @@ main#list {
 // Responsive
 @mixin responsive--list() {
   main#list {
-    padding: 1em 1.25em;
+    padding: 1em 1em 0.25em 1em;
 
     section.year {
       font-size: 1em;

assets/sass/pages/_single.scss

@@ -3,7 +3,7 @@
 // Post Styles
 main#single {
   max-width: $max-width;
-  padding: 1em 2em;
+  padding: 1em 1.5em;
   margin: 0 auto;
 
   div#meta {
@@ -24,7 +24,7 @@ main#single {
 
   h1#title {
     margin-top: 0.3em;
-    margin-bottom: 0.5em;
+    margin-bottom: 0.6em;
     font-size: 2.2em;
     line-height: 1.3;
     font-weight: 700;
@@ -55,12 +55,5 @@ main#single {
       margin-top: 0.5em;
       font-size: 1.8em;
     }
-
-    div#meta {
-      // hide "Improve This Post" link on mobile
-      span#edit {
-        display: none;
-      }
-    }
   }
 }

assets/sass/pages/_videos.scss

@@ -29,7 +29,8 @@ main#video {
   }
 
   video {
-    width: $responsive-width;
+    width: 100%;
+    max-width: 975px;
     height: auto;
   }
 }

layouts/_default/single.html

@@ -2,7 +2,7 @@
 <main id="single">
   <article>
     <div id="meta">
-      <a class="no-underline" id="date" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}">{{ .Date.Format "January 2, 2006" }}</a>{{ with .Site.Params.gitRepo }}<span id="edit"><span class="dash">—</span><a class="no-underline" href="{{ . }}/blob/master/content/{{ $.File.Path }}" title="Edit this post on GitHub" target="_blank" rel="noopener">Improve This Post</a></span>{{ end }}
+      <a class="no-underline" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}">{{ .Date.Format "January 2, 2006" }}</a>{{ with .Site.Params.gitRepo }}<span class="dash">—</span><a class="no-underline" href="{{ . }}/blob/master/content/{{ $.File.Path }}" title="Edit this post on GitHub" target="_blank" rel="noopener">Improve This Post</a>{{ end }}
     </div>
 
     <h1 id="title"><a class="no-underline" href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>