fix Modals, Tables and Pages: event logs, inventoty, post logs, operttions, global styles

1 files changed, 34 insertions, 24 deletions

diff --git a/src/views/Operations/VirtualMedia/VirtualMedia.vue b/src/views/Operations/VirtualMedia/VirtualMedia.vue
index 8a3d5add..9f464138 100644
--- a/src/views/Operations/VirtualMedia/VirtualMedia.vue
+++ b/src/views/Operations/VirtualMedia/VirtualMedia.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-container fluid="xl">
+  <b-container fluid>
     <page-title />
     <b-row class="mb-4">
       <b-col md="12">
@@ -8,7 +8,7 @@
         >
           <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">
                 <form-file
                   v-if="!dev.isActive"
                   :id="concatId(dev.id)"
@@ -23,6 +23,7 @@
               </b-form-group>
               <b-button
                 v-if="!dev.isActive"
+                size="md"
                 variant="primary"
                 :disabled="!dev.file"
                 @click="startVM(dev)"
@@ -42,48 +43,52 @@
         </page-section>
       </b-col>
     </b-row>
-    <b-row v-if="loadImageFromExternalServer" class="mb-4">
+    <b-row v-if="!loadImageFromExternalServer" class="mb-4">
       <b-col md="12">
         <page-section
           :section-title="$t('pageVirtualMedia.virtualMediaSubTitleSecond')"
         >
           <b-row>
             <b-col
-              v-for="(device, $index) in legacyDevices"
+              v-for="(device, $index) in [
+                { id: 'device_1', isActive: false },
+                { id: 'device_2', isActive: false },
+              ]"
               :key="$index"
               md="6"
             >
               <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 +112,12 @@ import FormFile from '@/components/Global/FormFile';
 
 export default {
   name: 'VirtualMedia',
-  components: { PageTitle, PageSection, ModalConfigureConnection, FormFile },
+  components: {
+    PageTitle,
+    PageSection,
+    ModalConfigureConnection,
+    FormFile,
+  },
   mixins: [BVToastMixin, LoadingBarMixin],
   data() {
     return {