auto spinner enabled

src/app/content/poule/poule.component.html

@@ -21,7 +21,7 @@
             <p class="racetimetotal">{{getRaceTime(x, team.idteam)/1000 | number:'1.2-2'}}s</p>
           </td>
         </ng-container>
-        <td>{{getAvgOfBestTwo(team.idteam)/1000 | number:'1.2-2'}}</td>
+        <td>{{getAvgOfBestTwo(team.idteam)/1000 | number:'1.2-2'}}s</td>
       </tr>
     </table>
   </mat-card-content>

src/app/content/tier/tier.component.html

@@ -1 +1,3 @@
+<div id="poulecontainer">
   <app-poule *ngFor="let poule of poules" [poule]="poule" [idChampionship]="idChampionship" [tier]="tier"></app-poule>
+</div>

src/app/content/tier/tier.component.scss

@@ -1,4 +1,9 @@
 app-poule {
-  background-color: yellowgreen;
   margin: 10px;
+  grid-row: 1;
+  min-width: 470px;
+}
+
+#poulecontainer {
+  display: grid;
 }

src/app/reclamespinner/reclamespinner.component.scss

@@ -16,14 +16,3 @@
   height: 100%;
 }
 
-#goleftbutton, #gorightbutton {
- //position: absolute;
-}
-
-#goleftbutton {
-  left: 0px;
-}
-
-#gorightbutton {
-  right: 0px;
-}

src/app/reclamespinner/reclamespinner.component.ts

@@ -1,4 +1,5 @@
 import {Component, OnInit} from '@angular/core';
+import {timer} from 'rxjs';
 
 @Component({
   selector: 'app-reclamespinner',
@@ -19,6 +20,10 @@ export class ReclamespinnerComponent implements OnInit {
   }
 
   ngOnInit() {
+    // spin the commercials every 20s
+    timer(5000, 20000).subscribe(val => {
+      this.goRight();
+    });
   }
 
   goRight() {

src/app/topmenu/topmenu.component.html

@@ -2,5 +2,4 @@
   <!--pick a year-->
   <button mat-raised-button (click)="openDialog()">{{currentChampionship()}}</button>
   <button mat-raised-button color="primary" *ngFor="let tier of tiers" routerLink="/championship/20/tier/{{tier}}">Tier {{tier}}</button>
-  <a mat-button routerLink=".">Link</a>
 </div>

src/app/topmenu/topmenu.component.scss

@@ -0,0 +1,4 @@
+.button-row {
+  text-align: center;
+  margin-top: 10px;
+}