Fix minor display issues

src/components/workflows/WorkflowsList.vue

@@ -75,7 +75,7 @@
             </div>
           </i-column>
           <i-column xs="7" class="_margin-left:auto">
-            <i-row>
+            <i-row class="_align-items:flex-end" style="margin-top: -16px">
               <i-column v-for="({ name, value }, i) in item.evaluations" :key="i"
                         class="_display:flex _flex-direction:column _align-items:center _padding-x:1/2">
                 <span
@@ -278,6 +278,12 @@ watch(() => props.data, () => {
   setListData(props.data);
 });
 
+// watch(() => props.defs, () => {
+//     if (props.defs['cer_standard_deviation']) {
+//       props.defs['cer_standard_deviation'].label = 'CER (std. deviation)';
+//     }
+// });
+
 </script>
 
 <style scoped lang="scss">

src/helpers/utils.js

@@ -57,7 +57,7 @@ const shortenMetricValue = (value) => {
 };
 
 const createReadableMetricValue = (key, value) => {
-  if (['cer_mean', 'cer_median', 'wer', 'pages_per_minute', 'cer_standard_deviation'].includes(key)) {
+  if (['cer_mean', 'cer_median', 'wer', 'pages_per_minute', 'cer_standard_deviation', 'wall_time', 'cpu_time'].includes(key)) {
     return shortenMetricValue(value);
   } else if (key === 'cer_range') {
     return shortenMetricValue(value[0]) + ' / ' + shortenMetricValue(value[1]);