CSS improvements to provide compatibility with WP 5.8 #52.

src/assets/scss/_footer.scss

@@ -118,6 +118,7 @@ footer {
                     white-space: normal;
                     display: flex;
                     color: #454647;
+                    align-items: center;
                     input {
                         margin-right: 0.5rem;
                     }

src/assets/scss/_gutenberg-support.scss

@@ -76,7 +76,10 @@
 /* Buttons */
 .wp-block-button {
     margin-bottom: 1rem;
-    .btn { font-size: 0.875rem; }
+    .btn { 
+        font-size: 0.875rem;
+        padding: .25rem 1.125rem;
+    }
 }
 .wp-block-button.is-style-outline .btn {
     background: white !important;

src/assets/scss/_post.scss

@@ -215,22 +215,22 @@
         h4:not(.has-text-color) {
             color:#555758;
         }
-        h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) {
+        h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 1.125rem;
         }
-        h2:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) {
+        h2:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 1.125rem;
         }
-        h3:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size)  {
+        h3:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 1rem;
         }
-        h4:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size)  {
+        h4:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 1rem;
         }
-        h5:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size)  {
+        h5:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 0.875rem;
         }
-        h6:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size)  {
+        h6:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 0.875rem;
         }
         pre:not(.wp-block-code) {

src/assets/scss/style.scss

@@ -25,6 +25,9 @@ body{
     &.error404 {
         overflow: hidden;
     }
+    p {
+        font-size: revert;
+    }
 }
 
 body.loading-content main {