Ombi/src/Ombi/ClientApp/src/app/discover/discover.component.html

<div class="small-middle-container">

    <div class="row justify-content-md-center top-spacing">
        <div class="btn-group" role="group" aria-label="Basic example">
            <button type="button" (click)="popular()" [ngClass]="popularActive ? 'active-button' : ''" mat-raised-button class="btn" color="primary">Popular</button>
            <button type="button" (click)="trending()" [ngClass]="trendingActive ? 'active-button' : ''" mat-raised-button class="btn" color="primary">Trending</button>
            <button type="button" (click)="upcoming()" [ngClass]="upcomingActive ? 'active-button' : ''" mat-raised-button class="btn" color="primary">Upcoming</button>
        </div>
    </div>

    <div *ngIf="discoverResults" class="row full-height">
        <div class="col-lg-2 col-md-2 col-4 small-padding" *ngFor="let result of discoverResults">
            <discover-card [result]="result"></discover-card>
        </div>
    </div>
</div>