Change the look of the vo component

src/app/vo/vo.component.html

@@ -2,16 +2,6 @@
   <mat-expansion-panel-header>
 	<mat-panel-title style="min-width: 100px;">{{ group.name }}</mat-panel-title>
   </mat-expansion-panel-header>
-  <div *ngIf="deploymentMapped()">
-	<div [ngSwitch]="deployment?.state_target">
-	  <span *ngSwitchCase="'not_deployed'">
-		You currently did not request access to services of this VO.
-	  </span>
-	  <span *ngSwitchCase="'deployed'">
-		You  requested access to services of this VO.
-	  </span>
-	</div>
-  </div>
   <p *ngIf="!deploymentMapped()">
   No deployment is currently mapped to this VO.
   </p>
@@ -79,9 +69,15 @@
 	membership of this VO.
 	</p>
   </ng-template>
-
-  {{ deployment?.state_items | json }}
   <mat-action-row>
+	<div [ngSwitch]="deployment?.state_target">
+	  <span *ngSwitchCase="'not_deployed'" style="margin-right: 15px;">
+		You did not request access to the services of this VO.
+	  </span>
+	  <span *ngSwitchCase="'deployed'" style="margin-right: 15px;">
+		You requested access to the services of this VO.
+	  </span>
+	</div>
 	<div [ngSwitch]="deployment?.state_target">
 	  <button *ngSwitchCase="'not_deployed'" (click)="changeDeployment('add')" mat-raised-button color="primary" matTooltip="Deploy credentials to services of VO {{ group.name }}">
 		Deploy credentials
@@ -89,7 +85,7 @@
 	  <button *ngSwitchCase="'deployed'" (click)="changeDeployment('remove')" mat-raised-button color="primary" matTooltip="Remove credentials from services of VO {{ group.name }}">
 		Remove credentials
 	  </button>
-	  <button *ngSwitchDefault (click)="changeDeployment('add')" mat-raised-button color="primary" matTooltip="Deploy credentials to services of VO {{ group.name }}">
+	  <button *ngSwitchDefault (click)="changeDeployment('add')" mat-raised-button color="primary" matTooltip="Deploy credentials to services of VO {{ group.name }} the first time">
 		Deploy credentials
 	  </button>
 	</div>