Add default padding for font awesome

src/newsreader/scss/components/post-message/_post-message.scss

@@ -19,7 +19,7 @@
     margin: 5px;
 
     & i {
-      padding: 0 7px 0 0;
+      padding: 0 $fa-padding 0 0;
     }
   }
 }

src/newsreader/scss/components/post/_post.scss

@@ -90,9 +90,8 @@
     background-color: var(--info-color);
     color: var(--font-color);
 
-    // TODO add mixin for default font awesome padding
     & i {
-      padding: 0 7px 0 0;
+      padding: 0 $fa-padding 0 0;
     }
 
     &:hover {

src/newsreader/scss/elements/button/_read-button.scss

@@ -3,12 +3,10 @@
 
   color: var(--font-color);
 
-  // TODO add dark colored confirm green #007965
   background-color: var(--confirm-color);
 
-  // TODO add mixin for default font awesome padding
   & i {
-    padding: 0 7px 0 0;
+    padding: 0 $fa-padding 0 0;
   }
 
   &:hover {

src/newsreader/scss/partials/_variables.scss

@@ -0,0 +1 @@
+$fa-padding: 7;

src/newsreader/scss/partials/index.scss

@@ -1,3 +1,4 @@
 @import './colors';
 @import './fonts';
 @import './root';
+@import './variables';