[DOCS][BLOG] Footer is now an actual footer. Line height fixes in the sidebar.

assets/css/blog.css

@@ -58,12 +58,17 @@ s {
     width: 100%;
     transform: rotateZ(-1deg);
   }
+
+  .footer {
+    margin-left: unset;
+  }
 }
 
 body, html {
   display: flex;
   flex-direction: column;
   line-height: 1.4em;
+  height: 100vh;
 }
 #title{display:none;}
 
@@ -90,9 +95,7 @@ header {
 header * {
   margin: 0;
 }
-header ~ * {
-  padding: 1rem 1rem 0 1rem;
-}
+
 header ul li {
   all: unset;
   display: flex;
@@ -104,7 +107,7 @@ header ul li a {
 }
 
 .home-menu {
-  font-size: 1.25rem;
+  font-size: 1.4rem;
   font-weight: bold;
 
   max-height: 3rem;
@@ -128,8 +131,8 @@ header ul li a {
   margin-right: 4px;
 }
 .menu-link {
+  line-height: 2.5rem;
   color: #F6F4F6;
-  margin-left: 1rem;
 }
 .menu-link:hover, .menu-link:focus {
   color: #C8BCC8;
@@ -143,6 +146,7 @@ header ul li a {
 .content-wrapper,
 #template-wrapper {
   margin-left: 15rem;
+  padding: 1rem;
 }
 #template-wrapper:first-of-type {
   padding-top: 1rem;
@@ -183,6 +187,7 @@ blockquote {
 }
 .footer {
   margin-left: 15rem;
+  margin-top: auto;
   padding: 1rem;
   background-color: #333333;
   color: #e9eaed;

assets/css/style.css

@@ -99,6 +99,7 @@ header * {
     height: 1.25rem;
 }
 .menu-link {
+    line-height: 1.4em;
     margin-left: 1rem;
     color: #F6F4F6;
 }