fix PageTitle, VirtualMedia

5 files changed, 23 insertions, 17 deletions

diff --git a/src/views/Operations/FactoryReset/FactoryReset.vue b/src/views/Operations/FactoryReset/FactoryReset.vue
index 897348fc..8f5a159f 100644
--- a/src/views/Operations/FactoryReset/FactoryReset.vue
+++ b/src/views/Operations/FactoryReset/FactoryReset.vue
@@ -1,9 +1,13 @@
 <template>
-  <b-container fluid="xl">
+  <b-container fluid class="m-0 p-0">
     <page-title :description="$t('pageFactoryReset.description')" />
 
     <!-- Reset Form -->
-    <b-form id="factory-reset" @submit.prevent="onResetSubmit">
+    <b-form
+      id="factory-reset"
+      class="bootstrap-table__section"
+      @submit.prevent="onResetSubmit"
+    >
       <b-row>
         <b-col md="8">
           <b-form-group :label="$t('pageFactoryReset.form.resetOptionsLabel')">
diff --git a/src/views/Operations/Firmware/Firmware.vue b/src/views/Operations/Firmware/Firmware.vue
index a2acb9b0..c4006b7f 100644
--- a/src/views/Operations/Firmware/Firmware.vue
+++ b/src/views/Operations/Firmware/Firmware.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-container fluid="xl">
+  <b-container fluid class="m-0 p-0">
     <page-title />
     <alerts-server-power
       v-if="isServerPowerOffRequired"
@@ -7,7 +7,7 @@
     />
 
     <!-- Firmware cards -->
-    <b-row>
+    <b-row class="bootstrap-table__section">
       <b-col xl="10">
         <!-- BMC Firmware -->
         <bmc-cards :is-page-disabled="isPageDisabled" />
@@ -19,6 +19,7 @@
 
     <!-- Update firmware-->
     <page-section
+      class="bootstrap-table__section"
       :section-title="$t('pageFirmware.sectionTitleUpdateFirmware')"
     >
       <b-row>
diff --git a/src/views/Operations/KeyClear/KeyClear.vue b/src/views/Operations/KeyClear/KeyClear.vue
index 2524da10..c970e17a 100644
--- a/src/views/Operations/KeyClear/KeyClear.vue
+++ b/src/views/Operations/KeyClear/KeyClear.vue
@@ -1,9 +1,9 @@
 <template>
-  <b-container fluid="xl">
+  <b-container fluid class="m-0 p-0">
     <page-title :description="$t('pageKeyClear.description')" />
-    <b-row>
+    <b-row class="bootstrap-table__section">
       <b-col md="8" xl="6">
-        <alert variant="info" class="mb-4">
+        <alert variant="info" class="mb-0">
           <div class="font-weight-bold">
             {{ $t('pageKeyClear.alert.title') }}
           </div>
@@ -14,7 +14,11 @@
       </b-col>
     </b-row>
     <!-- Reset Form -->
-    <b-form id="key-clear" @submit.prevent="onKeyClearSubmit(keyOption)">
+    <b-form
+      id="key-clear"
+      class="bootstrap-table__section"
+      @submit.prevent="onKeyClearSubmit(keyOption)"
+    >
       <b-row>
         <b-col md="8">
           <b-form-group :label="$t('pageKeyClear.form.keyClearOptionsLabel')">
diff --git a/src/views/Operations/RebootBmc/RebootBmc.vue b/src/views/Operations/RebootBmc/RebootBmc.vue
index 34b22151..d369a985 100644
--- a/src/views/Operations/RebootBmc/RebootBmc.vue
+++ b/src/views/Operations/RebootBmc/RebootBmc.vue
@@ -1,7 +1,7 @@
 <template>
-  <b-container fluid="xl">
+  <b-container fluid class="m-0 p-0">
     <page-title />
-    <b-row>
+    <b-row class="bootstrap-table__section">
       <b-col md="8" lg="8" xl="6">
         <page-section>
           <b-row>
diff --git a/src/views/Operations/VirtualMedia/VirtualMedia.vue b/src/views/Operations/VirtualMedia/VirtualMedia.vue
index 9f464138..85ef4c24 100644
--- a/src/views/Operations/VirtualMedia/VirtualMedia.vue
+++ b/src/views/Operations/VirtualMedia/VirtualMedia.vue
@@ -1,7 +1,7 @@
 <template>
-  <b-container fluid>
+  <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')"
@@ -43,17 +43,14 @@
         </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')"
         >
           <b-row>
             <b-col
-              v-for="(device, $index) in [
-                { id: 'device_1', isActive: false },
-                { id: 'device_2', isActive: false },
-              ]"
+              v-for="(device, $index) in legacyDevices"
               :key="$index"
               md="6"
             >