From d1681a94f2f1e323aeb2d83d7b69a624a8a6fec5 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Sat, 22 Aug 2020 18:51:23 +0200
Subject: [PATCH] refactor: small tweaks to keep the design consistent

---
 client/src/components/Match/DetailedMatchTeam.vue  | 14 +++++++-------
 .../Summoner/Overview/SummonerChampions.vue        |  8 ++++----
 .../components/Summoner/Overview/SummonerMates.vue |  6 +++---
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/client/src/components/Match/DetailedMatchTeam.vue b/client/src/components/Match/DetailedMatchTeam.vue
index 0700fa7..a565be5 100644
--- a/client/src/components/Match/DetailedMatchTeam.vue
+++ b/client/src/components/Match/DetailedMatchTeam.vue
@@ -31,24 +31,24 @@
         <th class="px-2 py-5 text-sm font-medium w-kda">A</th>
         <th
           class="px-2 py-5 text-sm font-medium w-minions"
-        >{{ statsFormat === 'stats' ? 'cs' : 'cs/m' }}</th>
+        >{{ statsFormat === 'stats' ? 'Cs' : 'Cs/m' }}</th>
         <th
           class="px-2 py-5 text-sm font-medium w-vision"
-        >{{ statsFormat === 'stats' ? 'vs' : 'vs/m' }}</th>
-        <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">gold</th>
+        >{{ statsFormat === 'stats' ? 'Vs' : 'Vs/m' }}</th>
+        <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">Gold</th>
         <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">
-          dmg
+          Dmg
           <br />champ
         </th>
         <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">
-          dmg
+          Dmg
           <br />obj
         </th>
         <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">
-          dmg
+          Dmg
           <br />taken
         </th>
-        <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">kp</th>
+        <th class="px-2 py-5 text-sm font-medium w-gold-dmg-kp">KP</th>
       </tr>
     </thead>
     <tbody :class="{'border-b border-blue-700': allyTeam}" class="leading-none">
diff --git a/client/src/components/Summoner/Overview/SummonerChampions.vue b/client/src/components/Summoner/Overview/SummonerChampions.vue
index 364cc4f..3a95022 100644
--- a/client/src/components/Summoner/Overview/SummonerChampions.vue
+++ b/client/src/components/Summoner/Overview/SummonerChampions.vue
@@ -53,10 +53,10 @@
             <div class="mx-1 truncate">{{ champion.champion.name }}</div>
           </div>
           <div class="w-plays">
-            <div class="text-xs text-blue-400">{{ champion.count }}</div>
+            <div class="text-xs text-purple-400">{{ champion.count }}</div>
             <div
               :style="{width: widthBar(champion.count, mostPlayed)}"
-              class="h-1 bg-blue-400 rounded-full mt-2px"
+              class="h-1 bg-purple-400 rounded-full mt-2px"
             ></div>
           </div>
           <div class="w-winrate">
@@ -68,11 +68,11 @@
           </div>
           <div class="w-kda">
             <div
-              class="text-xs text-purple-400"
+              class="text-xs text-blue-400"
             >{{ kda(champion.kills, champion.deaths, champion.assists) }}</div>
             <div
               :style="{width: widthBar(kda(champion.kills, champion.deaths, champion.assists), bestKda)}"
-              class="h-1 bg-purple-400 rounded-full mt-2px"
+              class="h-1 bg-blue-400 rounded-full mt-2px"
             ></div>
           </div>
         </li>
diff --git a/client/src/components/Summoner/Overview/SummonerMates.vue b/client/src/components/Summoner/Overview/SummonerMates.vue
index 60904f3..f36a243 100644
--- a/client/src/components/Summoner/Overview/SummonerMates.vue
+++ b/client/src/components/Summoner/Overview/SummonerMates.vue
@@ -11,9 +11,9 @@
         </svg>
       </div>
       <div v-if="hasMates" class="px-4 py-2 text-sm text-left">
-        <div class="flex text-base font-bold text-blue-400">
-          <div class="w-2/4">Summoner</div>
-          <div class="w-1/4">W / L</div>
+        <div class="flex items-baseline text-xs font-semibold text-blue-300 uppercase">
+          <div class="w-2/4 text-base text-blue-400">Summoner</div>
+          <div class="w-1/4">Record</div>
           <div class="w-1/4">Winrate</div>
         </div>
         <ul class="mt-1 text-gray-100">