some magic numbers to improve twemoji sizing/alignment

assets/sass/components/_footer.scss

@@ -46,7 +46,7 @@ footer {
     &#panda {
       width: 20%;
       text-align: center;
-      font-size: 1.7em;
+      font-size: 1.6em;
       line-height: 1;
 
       a {

assets/sass/components/_global.scss

@@ -90,10 +90,10 @@ div.highlight {
 // make SVG twemojis relative to surrounding text
 // https://github.com/twitter/twemoji#inline-styles
 img.emoji {
-  height: 1em !important;
+  height: 1.1em !important;
-  width: 1em !important;
+  width: 1.1em !important;
-  margin: 0 0.05em 0 0.1em !important;
+  margin: 0 0.09em !important;
-  vertical-align: -0.1em !important;
+  vertical-align: -0.18em !important;
   display: inline !important;
 }
 

assets/sass/components/_header.scss

@@ -58,7 +58,7 @@ header {
 
       li {
         text-align: right;
-        margin-left: 1.45em;
+        margin-left: 1.6em;
 
         a {
           display: inline-block;
@@ -70,10 +70,15 @@ header {
             color: $color-links;
           }
 
+          span.icon {
+            font-size: 1.15em;
+            vertical-align: -0.075em;
+          }
+
           span.text {
             font-size: 0.8em;
             font-weight: 500;
-            margin-left: 0.55em;
+            margin-left: 0.5em;
           }
         }
       }
@@ -106,6 +111,10 @@ header {
         margin-left: 1em;
 
         a {
+          span.icon {
+            font-size: 0.9em;
+          }
+
           // hide text next to emojis on mobile
           span.text {
             display: none;

assets/sass/pages/_home.scss

@@ -62,7 +62,7 @@ main#home {
       margin-bottom: 0;
 
       span {
-        margin-right: 0.2em;
+        margin-right: 0.1em;
       }
     }
 

config.toml

@@ -51,7 +51,7 @@ disableAliases = true
 [menu]
   [[menu.main]]
     name = "Home"
-    pre = "🏠"
+    pre = "🏡"
     url = "/"
     weight = -100
   [[menu.main]]