Commit 05a76574 authored by Lukas Burgey's avatar Lukas Burgey
Browse files

Rework the visuals of state

parent 67bdad45
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
white-space: pre-line; white-space: pre-line;
} }
p { td {
font-size: 90%; max-width: 300px;
vertical-align: text-top;
} }
<td> <td>
{{ service.site.name }} <h4>{{ service.site.name }}</h4>
<br> <br>
<p> <small>{{ service.site.description }}</small>
{{ service.site.description }}
</p>
</td> </td>
<td> <td>
{{ service.name }} <h4>{{ service.name }}</h4>
<br> <br>
<p> <small>{{ service.description }}</small>
{{ service.description }}
</p>
</td> </td>
<ng-container *ngIf="(state$ | async) as state; else noStateItem"> <ng-container *ngIf="(state$ | async) as state; else noStateItem">
...@@ -26,9 +22,9 @@ ...@@ -26,9 +22,9 @@
<mat-icon *ngSwitchCase="'rejected'" mat-icon-button>error</mat-icon> <mat-icon *ngSwitchCase="'rejected'" mat-icon-button>error</mat-icon>
<mat-icon *ngSwitchDefault mat-icon-button>call_received</mat-icon> <mat-icon *ngSwitchDefault mat-icon-button>call_received</mat-icon>
</span> </span>
{{ lang.printState(state.state) }} <h4>{{ lang.printState(state.state) }}</h4>
<br> <br>
<p>tooltip(state)</p> <div class="mat-small">tooltip(state)</div>
</td> </td>
<!-- state dependent buttons --> <!-- state dependent buttons -->
...@@ -71,8 +67,8 @@ ...@@ -71,8 +67,8 @@
<span> <span>
<mat-icon mat-icon-button>call_received</mat-icon> <mat-icon mat-icon-button>call_received</mat-icon>
</span> </span>
{{ lang.printState('not_deployed') }} <h4>{{ lang.printState('not_deployed') }}</h4>
<br> <br>
<p>Access to this service was never requested.</p> <small>Access to this service was never requested.</small>
</td> </td>
</ng-template> </ng-template>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment