WIP - new season card

src/app/components/new-season-card/new-season-card.component.html

@@ -3,5 +3,16 @@
         <div mat-card-avatar class="example-header-image"></div>
         <mat-card-title>New Season</mat-card-title>
     </mat-card-header>
-    <mat-icon>add</mat-icon>
+    <div style="
+            display: flex; 
+            flex-direction: column;
+            width: auto;
+            align-items:center; 
+            justify-content: center; ">
+    <mat-icon style="font-size: 280px; 
+                     width: 280px; 
+                     height: 280px;">
+    add
+    </mat-icon>
+</div>
 </mat-card>

src/app/components/new-season-card/new-season-card.component.less

@@ -1,9 +1,14 @@
 .example-card {
     max-width: 400px;
     min-width: 400px;
+    min-height: 488px;
   }
   
   .example-header-image {
     background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
     background-size: cover;
-  }
+  }
+
+.icon {
+    font-size: 72px;
+}