From 40b4b2c89450bb513227fc6c215ec9167c4877ad Mon Sep 17 00:00:00 2001
From: Pearl Dsilva <pearl1594@gmail.com>
Date: Mon, 20 Sep 2021 06:20:06 +0530
Subject: [PATCH] ui: Move resource icon to first colume for VM list view
 (#5465)

---
 ui/src/components/view/ListView.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/ui/src/components/view/ListView.vue b/ui/src/components/view/ListView.vue
index 7f18e608d5b..fd97fdc610a 100644
--- a/ui/src/components/view/ListView.vue
+++ b/ui/src/components/view/ListView.vue
@@ -61,7 +61,13 @@
     -->
 
     <span slot="name" slot-scope="text, record">
-      <div style="min-width: 120px" >
+      <span v-if="['vm'].includes($route.path.split('/')[1])">
+        <span v-if="record.icon && record.icon.base64image">
+          <resource-icon :image="record.icon.base64image" size="1x" style="margin-right: 5px"/>
+        </span>
+        <os-logo v-else :osId="record.ostypeid" :osName="record.ostypename" size="lg" style="margin-right: 5px" />
+      </span>
+      <span style="min-width: 120px" >
         <QuickView
           style="margin-left: 5px"
           :actions="actions"
@@ -97,7 +103,7 @@
           <router-link :to="{ path: $route.path + '/' + record.id }" v-if="record.id">{{ text }}</router-link>
           <router-link :to="{ path: $route.path + '/' + record.name }" v-else>{{ text }}</router-link>
         </span>
-      </div>
+      </span>
     </span>
     <a slot="templatetype" slot-scope="text, record" href="javascript:;">
       <router-link :to="{ path: $route.path + '/' + record.templatetype }">{{ text }}</router-link>
@@ -107,14 +113,6 @@
       <span v-else>{{ text }}</span>
     </template>
     <a slot="displayname" slot-scope="text, record" href="javascript:;">
-      <span v-if="['vm'].includes($route.path.split('/')[1])">
-        <span v-if="record.icon && record.icon.base64image">
-          <resource-icon :image="record.icon.base64image" size="1x" style="margin-right: 5px"/>
-        </span>
-        <span v-else>
-          <os-logo :osId="record.ostypeid" :osName="record.ostypename" size="lg" style="margin-right: 5px" />
-        </span>
-      </span>
       <QuickView
         style="margin-left: 5px"
         :actions="actions"