Fix use of mat-typography

src/app/app.component.html

@@ -10,6 +10,8 @@
 </mat-toolbar>
 <div class="outer">
 	<div class="inner">
-		<app-mgmt></app-mgmt>
+		<div class="mat-typography">
+			<app-mgmt></app-mgmt>
+		</div>
 	</div>
 </div>

src/app/mgmt/mgmt.component.html

 <div *ngIf="userService.loggedIn">
-	<div class="mat-typography">
+	<div style="padding-bottom: 30px;">
 		<h2>Services</h2>
 		<div *ngIf="userService.services.length > 0">
 			<mat-accordion>
@@ -13,15 +13,15 @@
 		</p>
 	</div>
 	<div *ngIf="userService.user.deployment_tasks.length > 0">
-		<h4>Uncompleted tasks</h4>
+		<h3>Uncompleted tasks</h3>
 		<div>
-			<p *ngFor="let task of userService.user.deployment_tasks">
+			<pre *ngFor="let task of userService.user.deployment_tasks">
 			{{ task | json }}
-			</p>
+			</pre>
 		</div>
 	</div>
 	<div *ngIf="userService.messages.length > 0">
-		<h4>Messages</h4>
+		<h3>Messages</h3>
 		<div>
 			<p *ngFor="let message of userService.messages">
 			{{ message }}