From 0c2fdf55913c06d607ba2dfa497f632e17d93ace Mon Sep 17 00:00:00 2001
From: Sami Mokaddem <mokaddem.sami@gmail.com>
Date: Tue, 9 Jul 2024 13:19:27 +0200
Subject: [PATCH] chg: [front:live-logs_user-activity-graph] Further improved
 UI

---
 src/components/LiveLogsUserActivityGraph.vue | 6 +++---
 src/components/TheScores.vue                 | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/LiveLogsUserActivityGraph.vue b/src/components/LiveLogsUserActivityGraph.vue
index c5ae1e0..8e2b016 100644
--- a/src/components/LiveLogsUserActivityGraph.vue
+++ b/src/components/LiveLogsUserActivityGraph.vue
@@ -25,7 +25,7 @@
     return {
       chart: {
         height: 12,
-        width: 208,
+        width: 224,
         type: 'heatmap',
         sparkline: {
           enabled: true
@@ -46,7 +46,7 @@
       plotOptions: {
         heatmap: {
             radius: 2,
-            enableShades: !true,
+            enableShades: false,
             shadeIntensity: 0.5,
             reverseNegativeShade: true,
             distributed: false,
@@ -124,6 +124,6 @@
     class="h-3 w-52"
     :title="`Activity over ${bufferSizeMin}min`"
   >
-    <apexchart type="heatmap" height="12" width="208" :options="chartOptions" :series="chartSeries"></apexchart>
+    <apexchart type="heatmap" height="12" width="224" :options="chartOptions" :series="chartSeries"></apexchart>
   </span>
 </template>
\ No newline at end of file
diff --git a/src/components/TheScores.vue b/src/components/TheScores.vue
index de270da..119b480 100644
--- a/src/components/TheScores.vue
+++ b/src/components/TheScores.vue
@@ -87,11 +87,11 @@
         <template v-else>
           <tr v-for="(progress, user_id) in progresses" :key="user_id" class="bg-slate-100 dark:bg-slate-900">
             <td class="border-b border-slate-200 dark:border-slate-700 text-slate-600 dark:text-slate-400 p-0 pl-2 relative">
-              <span class="flex flex-col">
-                <span :title="user_id" class="text-nowrap inline-block leading-5">
+              <span class="flex flex-col max-w-60">
+                <span :title="user_id" class="text-nowrap inline-block leading-5 truncate">
                   <FontAwesomeIcon v-if="progress.exercises[exercise.uuid].score / progress.exercises[exercise.uuid].max_score == 1" :icon="faMedal" class="mr-1 text-amber-300"></FontAwesomeIcon>
-                  <span class="text-lg font-bold font-mono leading-5">{{ progress.email.split('@')[0] }}</span>
-                  <span class="text-xs font-mono">@{{ progress.email.split('@')[1] }}</span>
+                  <span class="text-lg font-bold font-mono leading-5 tracking-tight">{{ progress.email.split('@')[0] }}</span>
+                  <span class="text-xs font-mono tracking-tight">@{{ progress.email.split('@')[1] }}</span>
                 </span>
                 <LiveLogsUserActivityGraph :user_id="user_id"></LiveLogsUserActivityGraph>
               </span>