1 files changed, 44 insertions, 24 deletions
diff --git a/src/views/_sila/Operations/VirtualMedia/VirtualMedia.vue b/src/views/_sila/Operations/VirtualMedia/VirtualMedia.vue
index 0f75bbd7..e508e06f 100644
--- a/src/views/_sila/Operations/VirtualMedia/VirtualMedia.vue
+++ b/src/views/_sila/Operations/VirtualMedia/VirtualMedia.vue
@@ -1,14 +1,18 @@
 <template>
-  <b-container fluid="xl">
+  <b-container fluid class="m-0 p-0">
     <page-title />
-    <b-row class="mb-4">
+    <b-row class="bootstrap-table__section">
       <b-col md="12">
         <page-section
           :section-title="$t('pageVirtualMedia.virtualMediaSubTitleFirst')"
         >
           <b-row>
             <b-col v-for="(dev, $index) in proxyDevices" :key="$index" md="6">
-              <b-form-group :label="dev.id" label-class="bold">
+              <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)"
@@ -21,8 +25,18 @@
                   </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"
                 variant="primary"
                 :disabled="!dev.file"
                 @click="startVM(dev)"
@@ -42,7 +56,7 @@
         </page-section>
       </b-col>
     </b-row>
-    <b-row v-if="loadImageFromExternalServer" class="mb-4">
+    <b-row v-if="loadImageFromExternalServer" class="bootstrap-table__section">
       <b-col md="12">
         <page-section
           :section-title="$t('pageVirtualMedia.virtualMediaSubTitleSecond')"
@@ -56,34 +70,35 @@
               <b-form-group
                 :label="device.id"
                 :label-for="device.id"
-                label-class="bold"
+                label-class="regular-14px"
               >
                 <b-button
                   variant="primary"
+                  size="lg"
                   :disabled="device.isActive"
                   @click="configureConnection(device)"
                 >
                   {{ $t('pageVirtualMedia.configureConnection') }}
                 </b-button>
-
-                <b-button
-                  v-if="!device.isActive"
-                  variant="primary"
-                  class="float-right"
-                  :disabled="!device.serverUri"
-                  @click="startLegacy(device)"
-                >
-                  {{ $t('pageVirtualMedia.start') }}
-                </b-button>
-                <b-button
-                  v-if="device.isActive"
-                  variant="primary"
-                  class="float-right"
-                  @click="stopLegacy(device)"
-                >
-                  {{ $t('pageVirtualMedia.stop') }}
-                </b-button>
               </b-form-group>
+
+              <b-button
+                v-if="!device.isActive"
+                variant="primary"
+                size="md"
+                :disabled="!device.serverUri"
+                @click="startLegacy(device)"
+              >
+                {{ $t('pageVirtualMedia.start') }}
+              </b-button>
+              <b-button
+                v-if="device.isActive"
+                size="md"
+                variant="primary"
+                @click="stopLegacy(device)"
+              >
+                {{ $t('pageVirtualMedia.stop') }}
+              </b-button>
             </b-col>
           </b-row>
         </page-section>
@@ -107,7 +122,12 @@ import FormFile from '@/components/_sila/Global/FormFile';
 
 export default {
   name: 'VirtualMedia',
-  components: { PageTitle, PageSection, ModalConfigureConnection, FormFile },
+  components: {
+    PageTitle,
+    PageSection,
+    ModalConfigureConnection,
+    FormFile,
+  },
   mixins: [BVToastMixin, LoadingBarMixin],
   data() {
     return {