slightly adjust tab targets

.lighthouserc.yml

@@ -16,9 +16,7 @@ ci:
       csp-xss: off
       # FIXME: https://github.com/GoogleChrome/lighthouse/issues/14957
       bf-cache: off
-      tap-targets:
-        - warn
-        - minScore: 0.5
+      tap-targets: warn
       unsized-images: warn
       image-size-responsive: warn
       # FIXME: https://github.com/GoogleChrome/lighthouse/issues/11460

src/sass/_base.scss

@@ -162,7 +162,7 @@ img {
   width: 100%;
   max-width: $container-max-width;
   margin: 0 auto;
-  padding: $padding-24;
+  padding: $padding-20;
 }
 
 svg.gdoc-icon {
@@ -272,7 +272,7 @@ svg.gdoc-icon {
     }
 
     li {
-      margin: $padding-8 0;
+      margin: $padding-12 0;
     }
 
     svg.gdoc-icon {
@@ -749,6 +749,10 @@ svg.gdoc-icon {
 .gdoc-toc {
   margin: $padding-16 0;
 
+  li {
+    margin: $padding-4 0;
+  }
+
   // Classes to hide nested levels of ToC/Menu
   &__level--1 ul ul,
   &__level--2 ul ul ul,

src/sass/_defaults.scss

@@ -2,6 +2,7 @@
 $padding-2: 0.125rem !default;
 $padding-4: 0.25rem !default;
 $padding-8: 0.5rem !default;
+$padding-12: 0.75rem !default;
 $padding-16: 1rem !default;
 $padding-20: 1.25rem !default;
 $padding-24: 1.5rem !default;