From 6f504802d7a1d502305a1d2ae2d3c1821f46b17e Mon Sep 17 00:00:00 2001
From: HumanoidSandvichDispenser <humanoidsandvichdispenser@gmail.com>
Date: Tue, 19 Nov 2024 00:38:07 -0800
Subject: [PATCH] Improve UI elements readability

---
 availabili.tf/src/components/PlayerTeamCard.vue | 6 ++++--
 availabili.tf/src/views/ScheduleView.vue        | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/availabili.tf/src/components/PlayerTeamCard.vue b/availabili.tf/src/components/PlayerTeamCard.vue
index fa5774f..e7603f9 100644
--- a/availabili.tf/src/components/PlayerTeamCard.vue
+++ b/availabili.tf/src/components/PlayerTeamCard.vue
@@ -171,13 +171,15 @@ const rightIndicator = computed(() => {
             />
           </div>
         </template>
-        <span v-else>
+        <span v-else class="aside">
           No roles
         </span>
       </div>
     </td>
     <td>
-      {{ player.playtime.toFixed(1) }} hours
+      <span :class="{ 'aside': player.playtime == 0}">
+        {{ player.playtime.toFixed(1) }} hours
+      </span>
     </td>
     <td>
       {{ new Date(player.createdAt).toLocaleString() }}
diff --git a/availabili.tf/src/views/ScheduleView.vue b/availabili.tf/src/views/ScheduleView.vue
index f5c80b0..4a89faa 100644
--- a/availabili.tf/src/views/ScheduleView.vue
+++ b/availabili.tf/src/views/ScheduleView.vue
@@ -133,7 +133,7 @@ onMounted(() => {
             </button>
             <button class="accent" @click="isEditing = true">
               <i class="bi bi-pencil-fill margin"></i>
-              Edit
+              Edit availability
             </button>
           </template>
         </div>