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()" [attr.color]="popularActive ? 'accent' : 'primary'"
            [ngClass]="popularActive ? 'mat-accent' : 'mat-primary'" mat-raised-button
                class="btn grow" >{{'Discovery.PopularTab' | translate}}</button>
            <button type="button" (click)="trending()" 
            [attr.color]="trendingActive ? 'accent' : 'primary'"
            [ngClass]="trendingActive ? 'mat-accent' : 'mat-primary'"
                mat-raised-button class="btn grow" color="primary">{{'Discovery.TrendingTab' | translate}}</button>
            <button type="button" (click)="upcoming()"
            [attr.color]="upcomingActive ? 'accent' : 'primary'"
            [ngClass]="upcomingActive ? 'mat-accent' : 'mat-primary'"
                mat-raised-button class="btn grow" color="primary">{{'Discovery.UpcomingTab' | translate}}</button>
        </div>
    </div>
    <div *ngIf="loadingFlag" class="row justify-content-md-center top-spacing loading-spinner">
        <mat-spinner [color]="'accent'"></mat-spinner>
    </div>
    <div *ngIf="discoverResults" class="row full-height discoverResults">
            <div *ngIf="discoverResults"
            infiniteScroll
            [infiniteScrollDistance]="2"
            [infiniteScrollThrottle]="300"
            (scrolled)="onScroll()"
            ></div>
        <div class="col-xl-2 col-lg-3 col-md-3 col-6 col-sm-4 small-padding" *ngFor="let result of discoverResults">

            <discover-card [result]="result"></discover-card>
        </div>
    </div>
</div>