chg: [app:live-logs] Increased refresh frequency of activity bars

db.py

@@ -16,9 +16,9 @@ PROGRESS = {
 NOTIFICATION_BUFFER_SIZE = 30
 NOTIFICATION_MESSAGES = collections.deque([], NOTIFICATION_BUFFER_SIZE)
 
-NOTIFICATION_HISTORY_BUFFER_RESOLUTION_PER_MIN = 3
+NOTIFICATION_HISTORY_BUFFER_RESOLUTION_PER_MIN = 12
-NOTIFICATION_HISTORY_BUFFER_TIMESPAN_MIN = 60
+NOTIFICATION_HISTORY_BUFFER_TIMESPAN_MIN = 20
-NOTIFICATION_HISTORY_FREQUENCY = NOTIFICATION_HISTORY_BUFFER_TIMESPAN_MIN / NOTIFICATION_HISTORY_BUFFER_RESOLUTION_PER_MIN
+NOTIFICATION_HISTORY_FREQUENCY = 60 / NOTIFICATION_HISTORY_BUFFER_RESOLUTION_PER_MIN
 notification_history_size = NOTIFICATION_HISTORY_BUFFER_RESOLUTION_PER_MIN * NOTIFICATION_HISTORY_BUFFER_TIMESPAN_MIN
 NOTIFICATION_HISTORY = collections.deque([], notification_history_size)
 NOTIFICATION_HISTORY.extend([0] * notification_history_size)

src/components/TheLiveLogs.vue

@@ -33,7 +33,12 @@
         blur: 3,
         color: '#000',
         opacity: 0.45
-      }
+      },
+      animations: {
+        enabled: true,
+        easing: 'easeinout',
+        speed: 200,
+      },
     },
     plotOptions: {
       bar: {
@@ -47,7 +52,7 @@
     },
     tooltip: {
       enabled: false,
-    }
+    },
   }
 
   watch(verbose, (newValue) => {

src/components/TheScores.vue

@@ -63,11 +63,11 @@
           <th
             v-for="(task, task_index) in exercise.tasks"
             :key="task.name"
-            class="border-b border-slate-100 dark:border-slate-700 p-3"
+            class="border-b border-slate-100 dark:border-slate-700 p-3 align-top"
             :title="task.description"
           >
             <div class="flex flex-col">
-              <span class="text-center font-normal text-sm dark:text-blue-200 text-slate-500">Task {{ task_index + 1 }}</span>
+              <span class="text-center font-normal text-sm dark:text-blue-200 text-slate-500 text-nowrap">Task {{ task_index + 1 }}</span>
               <i class="text-center">{{ task.name }}</i>
             </div>
           </th>