[frontend] Add info button to telegram

This commit is contained in:
Cathy Hu 2020-08-28 17:35:55 +02:00
parent fb6e8e8684
commit 3bf8834b74
2 changed files with 19 additions and 1 deletions

View file

@ -1,6 +1,13 @@
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<mat-card-title>Telegram</mat-card-title> <mat-card-title class="platform-title">
<div class="platform-heading">
Telegram
</div>
<button mat-icon-button aria-label="How to use">
<mat-icon matTooltip="How to use" class="info-button">info</mat-icon>
</button>
</mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<mat-list *ngIf="telegrams$ | async as telegrams"> <mat-list *ngIf="telegrams$ | async as telegrams">

View file

@ -4,3 +4,14 @@
width: 100%; width: 100%;
align-items: center; align-items: center;
} }
.platform-title {
display: grid;
grid-template-columns: 1fr 40px;
width: 100%;
align-items: center;
}
.platform-heading {
align-self: flex-end;
}