Put event on top on match sheets

src/app/components/match-sheets/match-sheets.component.html

@@ -3,10 +3,17 @@
     <div class="nobreak">
     <mat-card appearance="outlined">
       <mat-card-content>
-        <h6>{{ tournament.name }}</h6>
-        <br>
-        <br>
         <div class="row">
+          <div class="col-6">
+            <h5>{{ tournament.name }}</h5>
+          </div>
+          <div class="col-6 text-end">
+            {{ group.name }} {{ round.name }}
+          </div>
+        </div>
+        <br>
+        <br>
+        <div class="row align-middle">
           <div class="col-6">
             <b>
               <app-team-display
@@ -35,12 +42,14 @@
         </div>
         <div class="row">
           <div class="col-6">
-            <app-team-display
+            <b>
-              [team]="match.team2"
+              <app-team-display
-              [event]="this.event"
+                [team]="match.team2"
-              [tournament]="this.tournament"
+                [event]="this.event"
-              [inline]="true">
+                [tournament]="this.tournament"
-            </app-team-display>
+                [inline]="true">
+              </app-team-display>
+            </b>
           </div>
           <div class="col-2">
             <mat-form-field appearance="outline">
@@ -62,9 +71,6 @@
           <div class="col-6">
             <u>Graag de winnaar omcirkelen</u>
           </div>
-          <div class="col-6 text-end">
-            {{ group.name }} {{ round.name }}
-          </div>
         </div>
       </mat-card-content>
     </mat-card>