commit fa1ccad37e9934ba6d3756b16805398a75092e16 parent bdb4f6d1c68d4bd62c1c836ba73be1e3c5a68fb2 Author: MTRNord <mtrnord1@gmail.com> Date: Sun, 25 Mar 2018 14:54:50 +0200 Try making the cards fit into the grid Diffstat:
| M | src/app/tweet-list/tweet-list.component.html | | | 12 | ++++++------ |
1 file changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/app/tweet-list/tweet-list.component.html b/src/app/tweet-list/tweet-list.component.html @@ -1,15 +1,15 @@ <spinner spinner="spinner"></spinner> -<mat-grid-list cols="3"> +<mat-grid-list cols="3" rowHeight="1:2"> <mat-grid-tile-header> {{paperData.name}} </mat-grid-tile-header> <mat-grid-tile *ngFor="let item of data"> + <div class="ribbon ribbon-top-left" *ngIf="item.retweet" style="max-width: 22rem"> + <span> + <i class="fa fa-retweet"></i> + </span> + </div> <mat-card> - <div class="ribbon ribbon-top-left" *ngIf="item.retweet" style="max-width: 22rem"> - <span> - <i class="fa fa-retweet"></i> - </span> - </div> <mat-card-header> <img src="https://twitter.com/{{item.username}}/profile_image" mat-card-avatar> <mat-card-title>{{item.display_name}}</mat-card-title>