From 9426f380547f098179970b645186ef10caad0b3c Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Mon, 11 Jun 2018 02:02:55 +0200
Subject: [PATCH] fix(ui): task command too long

---
 packages/@vue/cli-ui/src/views/ProjectTaskDetails.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/@vue/cli-ui/src/views/ProjectTaskDetails.vue b/packages/@vue/cli-ui/src/views/ProjectTaskDetails.vue
index 4aa1593d8b..72fc27c6d5 100644
--- a/packages/@vue/cli-ui/src/views/ProjectTaskDetails.vue
+++ b/packages/@vue/cli-ui/src/views/ProjectTaskDetails.vue
@@ -36,7 +36,7 @@
 
         <div
           class="command"
-          v-tooltip="$t('views.project-task-details.command')"
+          v-tooltip="`${$t('views.project-task-details.command')}:<br><code>${task.command}</code>`"
         >
           {{ task.command }}
         </div>
@@ -320,11 +320,12 @@ export default {
   font-size 12px
   background $vue-ui-color-light-neutral
   color $vue-ui-color-dark
-  padding 0 16px
+  padding 10px 16px
   height 32px
-  h-box()
-  box-center()
   border-radius $br
+  max-width 20vw
+  ellipsis()
+  box-sizing border-box
   .vue-ui-dark-mode &
     background $vue-ui-color-dark
     color $vue-ui-color-light