From a7dfc15556addca31d5faa973b6e980acc06f9cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20M=C3=BCller?= <janmueller3698@gmail.com>
Date: Thu, 27 Jan 2022 23:11:13 +0100
Subject: [PATCH] fix(ui): prevent line wrapping for task items (#648)

---
 packages/ui/client/components/TaskItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/client/components/TaskItem.vue b/packages/ui/client/components/TaskItem.vue
index 28ebc142a..fc8bf180a 100644
--- a/packages/ui/client/components/TaskItem.vue
+++ b/packages/ui/client/components/TaskItem.vue
@@ -24,7 +24,7 @@ const duration = computed(() => {
     <StatusIcon :task="task" mr-2 />
     <div flex items-end gap-2 :text="task?.result?.state === 'fail' ? 'red-500' : ''">
       <span text-sm truncate font-light>{{ task.name }}</span>
-      <span v-if="typeof duration === 'number'" text="xs" op20>
+      <span v-if="typeof duration === 'number'" text="xs" op20 style="white-space: nowrap">
         {{ duration > 0 ? duration : '< 1' }}ms
       </span>
     </div>
-- 
2.51.2