Add minor tweaks to the credential dialogue

src/app/dialogues/credentials/credentials.component.html

 <div *ngIf="(stateItem$ | async) as stateItem" class="mat-typography">
-  <h2>Credentials</h2>
-  <p>
-  For access to the service {{ stateItem.service?.name }} at {{ stateItem.service?.site?.name }} additional credentials are needed.
-  The additional credentials are listed below.
-  </p>
   <div *ngIf="credentialCount > 0" style="margin-bottom: 50px;">
+	<h2>Credentials</h2>
+	<p>
+	For access to the service {{ stateItem.service.name }} at {{ stateItem.service.site.name }} additional credentials are needed.
+	The additional credentials are listed below.
+	</p>
 	<mat-table [dataSource]="table">
 	  <ng-container matColumnDef="name">
 		<mat-header-cell *matHeaderCellDef>Name</mat-header-cell>

src/app/dialogues/credentials/credentials.component.ts

@@ -16,7 +16,6 @@ export class CredentialsComponent implements OnInit {
 
   public columns = ["name", "value"];
   public stateItem$: Observable<DeploymentState>;
-  public service: Service;
   public credentialCount: number = 0;
   public table: MatTableDataSource<any>;
 
@@ -34,8 +33,6 @@ export class CredentialsComponent implements OnInit {
     if (this.stateItem$) {
       this.stateItem$.subscribe(
         (stateItem: DeploymentState) => {
-          this.service = stateItem.service;
-
           const credentialList = [];
           for (const key in stateItem.credentials) {
             if (stateItem.credentials.hasOwnProperty(key)) {