added economy-graph

src/components/ScoreTeam.vue

@@ -4,11 +4,11 @@
            :class="'team-' + (team_id + 1)">
       <caption v-if="store.state.matchDetails.max_rounds === 16"
                :class="score === 9 ? 'text-success' : score === 8 ? 'text-warning' : 'text-danger'">
-        {{ score }}
+        <span v-if="score < 10" class="hidden">0</span>{{ score }}
       </caption>
       <caption v-if="store.state.matchDetails.max_rounds === 30 || !store.state.matchDetails.max_rounds"
                :class="score === 16 ? 'text-success' : score === 15 ? 'text-warning' : 'text-danger'">
-        {{ score }}
+        <span v-if="score < 10" class="hidden">0</span>{{ score }}
       </caption>
       <thead v-if="team_id === 0">
       <tr>
@@ -87,16 +87,21 @@ hr {
 table {
   width: 900px;
   text-align: center;
-  margin-top: 120px;
-  margin-bottom: -100px;
+  margin-top: 100px;
+  margin-bottom: -80px;
 
   caption {
     color: white;
     font-size: 3rem;
     caption-side: top;
     padding: 0;
-    margin-left: -70px;
+    margin-left: -78px;
     margin-bottom: -158px;
+
+    .hidden {
+      color: transparent;
+      user-select: none;
+    }
   }
 
   tr {