some icon fixes

app/styles/areas/_menu.scss

@@ -160,8 +160,8 @@
             display: none;
             opacity: 0;
             position: absolute;
-            right: 1.1em;
-            top: 0.75em;
+            right: 1.2em;
+            top: 0.55em;
             cursor: pointer;
             transition: opacity $base-duration $base-timing, color $base-duration $base-timing;
             color: var(--muted-color);

app/styles/areas/_settings.scss

@@ -61,7 +61,8 @@
         &-post {
             margin-left: $tiny-spacing;
             margin-right: $small-spacing;
-            vertical-align: bottom;
+            position: relative;
+            top: 0.2em;
         }
         cursor: pointer;
         @include mobile {

app/styles/base/_forms.scss

@@ -185,6 +185,8 @@ input[type='checkbox'] {
         display: inline-block;
         width: 1.3em;
         color: var(--text-color);
+        font-size: 1.2em;
+        vertical-align: text-bottom;
     }
     &:checked + label:before {
         content: $fa-var-check-square-o;

app/styles/base/_icon-font.scss

@@ -12,6 +12,7 @@
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
+    line-height: 1;
 }
 
 .fa {

app/styles/utils/_back-button.scss

@@ -6,8 +6,9 @@
     padding: $base-padding-v * 2 0 1px 0;
     z-index: 1;
     &__post {
-        vertical-align: bottom;
         margin-left: $tiny-spacing;
         margin-right: $small-spacing;
+        position: relative;
+        top: 0.2em;
     }
 }