Improve UI elements readability

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() }}

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>