Separated the grids for the two different competitions.

1 files changed, 5 insertions, 2 deletions

diff --git a/src/components/competition-element.js b/src/components/competition-element.js
index afa94d2..072f654 100644
--- a/src/components/competition-element.js
+++ b/src/components/competition-element.js
@@ -25,11 +25,12 @@ class CompetitionElement extends LitElement {
         }
 
       </style>
-      <paper-card 
-      onmouseover   ="${() => this.toggleTab()}" 
+      <paper-card
+      onmouseover   ="${() => this.toggleTab()}"
       onmouseout    ="${() => this.toggleTab()}">
         <div class="card-content">
             <h3>${props.name}</h3>
+            <h4>${props.location}</h4>
             <p hidden="${!this.infoTabOpen}"> ${props.information}</p>
         </div>
       </paper-card>
@@ -39,6 +40,7 @@ class CompetitionElement extends LitElement {
   static get properties() { return {
     name:           String,
     information:    String,
+    location:       String,
     infoTabOpen:    Boolean
   }};
 
@@ -47,6 +49,7 @@ class CompetitionElement extends LitElement {
 
     this.name           =   "Competition";
     this.information    =   "Competition Information";
+    this.location       =   "Competition Location";
     this.infoTabOpen    =   false;
   }