The deployment state items are now displayed in a table

src/app/service/service.component.html

@@ -3,17 +3,29 @@
 		<mat-panel-title>{{ service.name }}</mat-panel-title>
 		<mat-panel-description>{{ service.description }}</mat-panel-description>
 	</mat-expansion-panel-header>
-	<table>
-		<tr style="margin-bottom: 25px;">
+	<table style="margin-bottom: 30px;">
+		<thead>
+			<tr>
+				<td></td>
+				<td>SSH Keys</td>
+			</tr>
+			<tr>
+				<td style="min-width: 120px;">Sites</td>
+				<td *ngFor="let key of userService.user.ssh_keys" style="width: 75px;">
+					{{key.name}}
+				</td>
+			</tr>
+		</thead>
+		<tbody>
+		<tr *ngFor="let site of service.site" style="height: 42px;">
 			<td>
-				<span *ngFor="let site of service.site" style="margin-right: 15px;">
 				<span matTooltip="Provided at site {{ site.name }}" style="margin-right: 10px;">
 					<mat-icon style="vertical-align: middle; padding-right: 5px;">storage</mat-icon>
 					{{ site.name }}
 				</span>
-					<span *ngIf="userService.user.ssh_keys.length > 0" style="margin-right: 10px;">
-						<span *ngFor="let key of userService.user.ssh_keys"
-														[ngSwitch]="taskState(site, key)" class="childs-inline">
+			</td>
+			<td *ngFor="let key of userService.user.ssh_keys">
+				<span [ngSwitch]="taskState(site, key)" class="childs-inline">
 					<!-- states with actions -->
 					<button *ngSwitchCase="'deployed'" mat-button mat-icon-button
 										(click)="dialog.openCredentials(taskItem(site, key))"
@@ -46,10 +58,11 @@
 						<mat-icon style="vertical-align: middle">call_received</mat-icon>
 					</span>
 				</span>
-					</span>
-				</span>
 			</td>
 		</tr>
+		</tbody>
+	</table>
+	<table>
 		<tr>
 			<td *ngFor="let group of service.groups" style="margin-right: 15px;">
 				<span matTooltip="Can be used with membership of group {{ group.name }}">
@@ -63,7 +76,7 @@
 		<div *ngIf="userService.user.ssh_keys.length > 0; then boxes else upload"></div>
 		<ng-template #boxes>
 			<span style="margin-right: 15px;">
-				SSH Keys:
+				Please select SSH Keys to deploy:
 			</span>
 			<mat-checkbox *ngFor="let key of userService.user.ssh_keys"
 		 style="margin-right: 8px"