1 files changed, 14 insertions, 5 deletions
diff --git a/src/views/Operations/VirtualMedia/VirtualMedia.vue b/src/views/Operations/VirtualMedia/VirtualMedia.vue
index ef306129..ef4f27b8 100644
--- a/src/views/Operations/VirtualMedia/VirtualMedia.vue
+++ b/src/views/Operations/VirtualMedia/VirtualMedia.vue
@@ -8,12 +8,15 @@
         >
           <b-row>
             <b-col v-for="(dev, $index) in proxyDevices" :key="$index" md="6">
-              <b-form-group :label="dev.id" label-class="regular-14px">
+              <b-form-group
+                :label="dev.id"
+                label-class="regular-14px"
+                :style="{ 'margin-bottom': dev.isActive ? '0' : '1rem' }"
+              >
                 <form-file
                   v-if="!dev.isActive"
                   :id="concatId(dev.id)"
                   v-model="dev.file"
-                  :is-started="isStarted"
                 >
                   <template #invalid>
                     <b-form-invalid-feedback role="alert">
@@ -22,6 +25,15 @@
                   </template>
                 </form-file>
               </b-form-group>
+
+              <div
+                v-if="dev.isActive && dev.file && dev.file.name"
+                class="clear-selected-file px-3"
+                :style="{ 'margin-bottom': '1rem' }"
+              >
+                {{ dev.file.name }}
+              </div>
+
               <b-button
                 v-if="!dev.isActive"
                 size="md"
@@ -120,7 +132,6 @@ export default {
   data() {
     return {
       modalConfigureConnection: null,
-      isStarted: false,
       loadImageFromExternalServer:
         process.env.VUE_APP_VIRTUAL_MEDIA_LIST_ENABLED === 'true'
           ? true
@@ -170,11 +181,9 @@ export default {
 
       device.nbd.start();
       device.isActive = true;
-      this.isStarted = true;
     },
     stopVM(device) {
       device.nbd.stop();
-      this.isStarted = false;
     },
     startLegacy(connectionData) {
       var data = {};