From 945a3f8eaf7eca76104d7c3d727a919314dd3177 Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Wed, 8 Dec 2021 21:56:47 +0100
Subject: [PATCH] fix: change exclude object icon and cut object name, if it is
 too long

Signed-off-by: Stefan Dej <meteyou@gmail.com>
---
 .../panels/StatusPanelExcludeObject.vue       | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/panels/StatusPanelExcludeObject.vue b/src/components/panels/StatusPanelExcludeObject.vue
index 2f889dd5..02c02550 100644
--- a/src/components/panels/StatusPanelExcludeObject.vue
+++ b/src/components/panels/StatusPanelExcludeObject.vue
@@ -4,15 +4,17 @@
 
 <template>
     <div v-if="['printing', 'paused'].includes(printer_state) && printing_objects.length">
-        <v-container>
-            <v-row>
-                <v-col class="py-2">
-                    <span class="subtitle-2 d-block px-0 text--disabled"><v-icon class="mr-2" small>mdi-printer-3d-nozzle</v-icon>{{ current_object !== null ? current_object : '--' }}</span>
-                </v-col>
-                <v-col class="col-auto py-2">
-                    <v-icon class="text--disabled cursor-pointer" @click="openCancelObjectDialog(current_object)" small v-if="current_object !== null">mdi-close-circle</v-icon>
-                </v-col>
-            </v-row>
+        <v-container class="py-0">
+            <div class="d-flex flex-row flex-nowrap justify-space-between">
+                <div class="py-2" style="width: calc(100% - 25px);">
+                    <span class="subtitle-2 d-block px-0 text--disabled text-truncate">
+                        <v-icon class="mr-2" small>mdi-printer-3d-nozzle</v-icon>{{ current_object !== null ? current_object : '--' }}
+                    </span>
+                </div>
+                <div class="py-2 pl-0">
+                    <v-icon class="text--disabled cursor-pointer" @click="openCancelObjectDialog(current_object)" small v-if="current_object !== null">mdi-selection-remove</v-icon>
+                </div>
+            </div>
         </v-container>
         <v-divider class="mt-0 mb-0" ></v-divider>
         <v-dialog v-model="boolShowExcludeObjectDialog" max-width="400">