Add app-component class to create a template-friendly padding to all components

src/app/app.component.html

@@ -7,7 +7,7 @@
       <!-- Insert navigation module here -->
     </mat-toolbar-row>
   </mat-toolbar>
-  <div fxFlex>
+  <div fxFlex class="app-component">
     <router-outlet></router-outlet>
   </div>
 </div>

src/app/app.component.scss

 @import '../theme/_variables.scss';
+
+.app-component {
+  padding: 20px;
+}