fix PageTitle, VirtualMedia

40 files changed, 93 insertions, 71 deletions

diff --git a/src/assets/styles/bmc/custom/_base.scss b/src/assets/styles/bmc/custom/_base.scss
index 906f3717..0c3fbd2a 100644
--- a/src/assets/styles/bmc/custom/_base.scss
+++ b/src/assets/styles/bmc/custom/_base.scss
@@ -170,7 +170,7 @@ h6,
 .modal-body,
 .page-network dd,
 .page-inventory dd,
-#date-time .custom-radio,
+.custom-radio,
 .regular-14px {
   font-family: 'Inter', sans-serif;
   font-size: 14px;
diff --git a/src/components/Global/PageTitle.vue b/src/components/Global/PageTitle.vue
index 20bc8050..3f8ffe66 100644
--- a/src/components/Global/PageTitle.vue
+++ b/src/components/Global/PageTitle.vue
@@ -12,10 +12,15 @@
 <script>
 export default {
   name: 'PageTitle',
+  props: {
+    description: {
+      type: String,
+      default: '',
+    },
+  },
   data() {
     return {
       title: this.$route.meta.title,
-      description: this.$route.meta.description,
     };
   },
 };
diff --git a/src/router/routes.js b/src/router/routes.js
index 7aae4ce2..d30fb039 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -168,7 +168,6 @@ const routes = [
         component: Inventory,
         meta: {
           title: i18n.t('appNavigation.systemInformaion'),
-          description: i18n.t('appNavigation.overviewInfo'),
         },
       },
       {
@@ -177,7 +176,6 @@ const routes = [
         component: SystemNetwork,
         meta: {
           title: i18n.t('appNavigation.systemInformaion'),
-          description: i18n.t('appNavigation.networkParametrs'),
         },
       },
       {
@@ -186,7 +184,6 @@ const routes = [
         component: ServerParametrs,
         meta: {
           title: i18n.t('appNavigation.systemInformaion'),
-          description: i18n.t('appNavigation.serverParam'),
         },
       },
       {
@@ -195,7 +192,6 @@ const routes = [
         component: BMCConfiguration,
         meta: {
           title: i18n.t('appNavigation.bmc'),
-          description: i18n.t('appNavigation.description.configuration'),
         },
       },
       {
@@ -204,7 +200,6 @@ const routes = [
         component: BMCFirmware,
         meta: {
           title: i18n.t('appNavigation.bmc'),
-          description: i18n.t('appNavigation.deviceFirmware'),
         },
       },
       {
@@ -213,7 +208,6 @@ const routes = [
         component: BMCSettings,
         meta: {
           title: i18n.t('appNavigation.bmc'),
-          description: i18n.t('appNavigation.broadcastSettings'),
         },
       },
       {
@@ -230,7 +224,6 @@ const routes = [
         component: SILARaidSpecification,
         meta: {
           title: i18n.t('appNavigation.raidControllers'),
-          description: i18n.t('appNavigation.specification'),
         },
       },
       {
@@ -239,7 +232,6 @@ const routes = [
         component: SILARaidSettins,
         meta: {
           title: i18n.t('appNavigation.raidControllers'),
-          description: i18n.t('appNavigation.settings'),
         },
       },
       {
@@ -248,7 +240,6 @@ const routes = [
         component: SILARaidCache,
         meta: {
           title: i18n.t('appNavigation.raidControllers'),
-          description: i18n.t('RAID.cache'),
         },
       },
       {
@@ -257,7 +248,6 @@ const routes = [
         component: ProcessorsSpecificationPage,
         meta: {
           title: i18n.t('appNavigation.processors'),
-          description: i18n.t('appNavigation.specification'),
         },
       },
       {
@@ -266,7 +256,6 @@ const routes = [
         component: ProcessorsDynamicPage,
         meta: {
           title: i18n.t('appNavigation.processors'),
-          description: i18n.t('appNavigation.analyticalPanel'),
         },
       },
       {
@@ -275,7 +264,6 @@ const routes = [
         component: PowerStaticPage,
         meta: {
           title: i18n.t('appNavigation.powerSupplies'),
-          description: i18n.t('appNavigation.specification'),
         },
       },
       {
@@ -284,7 +272,6 @@ const routes = [
         component: PowerDynamicPage,
         meta: {
           title: i18n.t('appNavigation.powerSupplies'),
-          description: i18n.t('appNavigation.analyticalPanel'),
         },
       },
       {
@@ -293,7 +280,6 @@ const routes = [
         component: MemoryStaticPage,
         meta: {
           title: i18n.t('appNavigation.memoryModules'),
-          description: i18n.t('appNavigation.specification'),
         },
       },
       {
@@ -302,7 +288,6 @@ const routes = [
         component: MemoryDynamicPage,
         meta: {
           title: i18n.t('appNavigation.memoryModules'),
-          description: i18n.t('appNavigation.analyticalPanel'),
         },
       },
       {
@@ -311,7 +296,6 @@ const routes = [
         component: FansStatic,
         meta: {
           title: i18n.t('appNavigation.fans'),
-          description: i18n.t('SystemDescription.FansStaticInformation'),
         },
       },
       {
@@ -320,7 +304,6 @@ const routes = [
         component: FansDynamic,
         meta: {
           title: i18n.t('appNavigation.fans'),
-          description: i18n.t('SystemDescription.FansDynamicInformation'),
         },
       },
       {
@@ -329,7 +312,6 @@ const routes = [
         component: DriversStaticPage,
         meta: {
           title: i18n.t('appNavigation.physicalDrives'),
-          description: i18n.t('appNavigation.statisticInformation'),
         },
       },
       {
@@ -338,7 +320,6 @@ const routes = [
         component: DriversDynamicPage,
         meta: {
           title: i18n.t('appNavigation.physicalDrives'),
-          description: i18n.t('appNavigation.dynamicInformation'),
         },
       },
       {
@@ -355,7 +336,6 @@ const routes = [
         component: MotherboardSpecificationPage,
         meta: {
           title: i18n.t('appNavigation.motherboard'),
-          description: i18n.t('appNavigation.specification'),
         },
       },
       {
@@ -364,7 +344,6 @@ const routes = [
         component: MotherboardDynamicPage,
         meta: {
           title: i18n.t('appNavigation.motherboard'),
-          description: i18n.t('appNavigation.analyticalPanel'),
         },
       },
       {
@@ -373,7 +352,6 @@ const routes = [
         component: EthernetAdapters,
         meta: {
           title: i18n.t('appNavigation.networkAdapters'),
-          description: i18n.t('appNavigation.ethernetAdapters'),
         },
       },
       {
@@ -382,7 +360,6 @@ const routes = [
         component: FcHbaAdapters,
         meta: {
           title: i18n.t('appNavigation.networkAdapters'),
-          description: i18n.t('appNavigation.fcHbaAdapters'),
         },
       },
       {
@@ -391,7 +368,6 @@ const routes = [
         component: NetworkPannel,
         meta: {
           title: i18n.t('appNavigation.networkAdapters'),
-          description: i18n.t('appNavigation.analyticalPanel'),
         },
       },
       {
@@ -440,7 +416,6 @@ const routes = [
         component: Inventory,
         meta: {
           title: i18n.t('appNavigation.systemInformaion'),
-          description: i18n.t('appNavigation.overviewInfo'),
         },
       },
       {
diff --git a/src/views/BMC/Configuration/BMCConfiguration.vue b/src/views/BMC/Configuration/BMCConfiguration.vue
index b8b5174a..86f4ac5f 100644
--- a/src/views/BMC/Configuration/BMCConfiguration.vue
+++ b/src/views/BMC/Configuration/BMCConfiguration.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.description.configuration')" />
     <!-- BMC table -->
     <div class="page-collapse-decorator">
       <b-button
diff --git a/src/views/BMC/Firmware/FirmwarePage.vue b/src/views/BMC/Firmware/FirmwarePage.vue
index ff3d8af8..cd0367fa 100644
--- a/src/views/BMC/Firmware/FirmwarePage.vue
+++ b/src/views/BMC/Firmware/FirmwarePage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.deviceFirmware')" />
     <!-- BMC table -->
     <page-section class="bootstrap-table__section">
       <b-table
diff --git a/src/views/BMC/Settings/SettingsPage.vue b/src/views/BMC/Settings/SettingsPage.vue
index 65806564..da18c8ab 100644
--- a/src/views/BMC/Settings/SettingsPage.vue
+++ b/src/views/BMC/Settings/SettingsPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.broadcastSettings')" />
     <!-- BMC table -->
     <div class="bmc-settings-section">
       <div class="smnp-settings-container">
diff --git a/src/views/Fans/DynamicInformation/FansDynamicPage.vue b/src/views/Fans/DynamicInformation/FansDynamicPage.vue
index fff7d3bf..fe997c58 100644
--- a/src/views/Fans/DynamicInformation/FansDynamicPage.vue
+++ b/src/views/Fans/DynamicInformation/FansDynamicPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('SystemDescription.FansDynamicInformation')" />
     <date-switch :switch-time-scale="switchTimeScale" :time-scale="timeScale" />
     <div class="speed-description">
       <img src="@/assets/images/fans-page/fans-icon.svg" />
diff --git a/src/views/Fans/StaticInformation/FansStaticPage.vue b/src/views/Fans/StaticInformation/FansStaticPage.vue
index 7e3a9849..7c5e6059 100644
--- a/src/views/Fans/StaticInformation/FansStaticPage.vue
+++ b/src/views/Fans/StaticInformation/FansStaticPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.specification')" />
     <span class="bold-16px">{{ $t('tablesDescription.installedFans') }}</span>
     <page-section class="bootstrap-table__section">
       <b-table
diff --git a/src/views/HardwareStatus/Inventory/Inventory.vue b/src/views/HardwareStatus/Inventory/Inventory.vue
index bfb930ab..dac395c5 100644
--- a/src/views/HardwareStatus/Inventory/Inventory.vue
+++ b/src/views/HardwareStatus/Inventory/Inventory.vue
@@ -1,6 +1,6 @@
 <template>
   <b-container id="page-inventory" fluid class="p-0 m-0">
-    <page-title />
+    <page-title :description="$t('appNavigation.overviewInfo')" />
     <!-- Service indicators -->
     <service-indicator />
 
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
index 47edf3a5..0a5e9a31 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
@@ -10,6 +10,7 @@
       responsive="md"
       :items="items"
       :fields="fields"
+      :fixed="true"
       show-empty
       :empty-text="$t('global.table.emptyMessage')"
       :busy="isBusy"
@@ -90,6 +91,7 @@ export default {
         {
           key: 'expandRow',
           label: '',
+          thStyle: { width: '4%' },
           thClass: 'bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-first',
           tdClass: 'table-row-expand bootstrap-rounded-table__td',
@@ -99,6 +101,7 @@ export default {
           label: this.$t('pageInventory.table.id'),
           formatter: this.dataFormatter,
           sortable: true,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -117,6 +120,7 @@ export default {
           label: this.$t('pageInventory.table.locationNumber'),
           formatter: this.dataFormatter,
           sortable: true,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -125,6 +129,7 @@ export default {
           key: 'identifyLed',
           label: this.$t('pageInventory.table.identifyLed'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-last',
           tdClass: ' bootstrap-rounded-table__td',
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
index 21a07e5f..164aca71 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
@@ -9,6 +9,7 @@
       show-empty
       :items="items"
       :fields="fields"
+      :fixed="true"
       :empty-text="$t('global.table.emptyMessage')"
       :busy="isBusy"
     >
@@ -184,8 +185,7 @@ export default {
         {
           key: 'expandRow',
           label: '',
-          thStyle: { maxWidth: '27px' },
-          tdStyle: { maxWidth: '27px' },
+          thStyle: { width: '4%' },
           thClass: 'bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-first',
           tdClass: 'table-row-expand bootstrap-rounded-table__td',
@@ -194,6 +194,7 @@ export default {
           key: 'id',
           label: this.$t('pageInventory.table.id'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -210,6 +211,7 @@ export default {
           key: 'locationNumber',
           label: this.$t('pageInventory.table.locationNumber'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -218,6 +220,7 @@ export default {
           key: 'identifyLed',
           label: this.$t('pageInventory.table.identifyLed'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-last',
           tdClass: ' bootstrap-rounded-table__td',
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
index c213aa97..dc6bf573 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
@@ -9,6 +9,7 @@
       show-empty
       :items="chassis"
       :fields="fields"
+      :fixed="true"
       :empty-text="$t('global.table.emptyMessage')"
       :busy="isBusy"
     >
@@ -137,6 +138,7 @@ export default {
         {
           key: 'expandRow',
           label: '',
+          thStyle: { width: '4%' },
           thClass: 'bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-first',
           tdClass: 'table-row-expand bootstrap-rounded-table__td',
@@ -145,6 +147,7 @@ export default {
           key: 'id',
           label: this.$t('pageInventory.table.id'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -161,6 +164,7 @@ export default {
           key: 'locationNumber',
           label: this.$t('pageInventory.table.locationNumber'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -169,6 +173,7 @@ export default {
           key: 'identifyLed',
           label: this.$t('pageInventory.table.identifyLed'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-last',
           tdClass: ' bootstrap-rounded-table__td',
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
index 430e86af..86701b54 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
@@ -27,6 +27,7 @@
       :items="dimms"
       :fields="fields"
       :sort-desc="true"
+      :fixed="true"
       :sort-compare="sortCompare"
       :filter="searchFilter"
       :empty-text="$t('global.table.emptyMessage')"
@@ -190,6 +191,7 @@ export default {
         {
           key: 'expandRow',
           label: '',
+          thStyle: { width: '4%' },
           thClass: 'bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-first',
           tdClass: 'table-row-expand bootstrap-rounded-table__td',
@@ -198,6 +200,7 @@ export default {
           key: 'id',
           label: this.$t('pageInventory.table.id'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -214,6 +217,7 @@ export default {
           key: 'locationNumber',
           label: this.$t('pageInventory.table.locationNumber'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -222,6 +226,7 @@ export default {
           key: 'identifyLed',
           label: this.$t('pageInventory.table.identifyLed'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-last',
           tdClass: ' bootstrap-rounded-table__td',
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
index e1932d53..9c3773f0 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
@@ -27,6 +27,7 @@
       :items="fans"
       :fields="fields"
       :sort-desc="true"
+      :fixed="true"
       :sort-compare="sortCompare"
       :filter="searchFilter"
       :empty-text="$t('global.table.emptyMessage')"
@@ -130,6 +131,7 @@ export default {
           key: 'expandRow',
           label: '',
           sortable: false,
+          thStyle: { width: '4%' },
           thClass: 'bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-first',
           tdClass: 'table-row-expand bootstrap-rounded-table__td',
@@ -139,6 +141,7 @@ export default {
           label: this.$t('pageInventory.table.id'),
           formatter: this.dataFormatter,
           sortable: true,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -157,6 +160,7 @@ export default {
           label: this.$t('pageInventory.table.partNumber'),
           formatter: this.dataFormatter,
           sortable: true,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -165,6 +169,7 @@ export default {
           key: 'serialNumber',
           label: this.$t('pageInventory.table.serialNumber'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-last',
           tdClass: ' bootstrap-rounded-table__td',
diff --git a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
index 7bb14a52..52cfd8b5 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
@@ -149,6 +149,7 @@ export default {
           key: 'expandRow',
           label: '',
           sortable: false,
+          thStyle: { width: '4%' },
           thClass: 'bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-first',
           tdClass: 'table-row-expand bootstrap-rounded-table__td',
@@ -158,6 +159,7 @@ export default {
           label: this.$t('pageInventory.table.id'),
           formatter: this.dataFormatter,
           sortable: true,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -176,6 +178,7 @@ export default {
           label: this.$t('pageInventory.table.locationNumber'),
           formatter: this.dataFormatter,
           sortable: true,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -184,6 +187,7 @@ export default {
           key: 'identifyLed',
           label: this.$t('pageInventory.table.identifyLed'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-last',
           tdClass: ' bootstrap-rounded-table__td',
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
index d81a0490..0c1b019f 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
@@ -29,6 +29,7 @@
       :items="processors"
       :fields="fields"
       :sort-desc="true"
+      :fixed="true"
       :filter="searchFilter"
       :empty-text="$t('global.table.emptyMessage')"
       :empty-filtered-text="$t('global.table.emptySearchMessage')"
@@ -184,6 +185,7 @@ export default {
           key: 'expandRow',
           label: '',
           sortable: false,
+          thStyle: { width: '4%' },
           thClass: 'bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-first',
           tdClass: 'table-row-expand bootstrap-rounded-table__td',
@@ -193,6 +195,7 @@ export default {
           label: this.$t('pageInventory.table.id'),
           formatter: this.dataFormatter,
           sortable: true,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -211,6 +214,7 @@ export default {
           label: this.$t('pageInventory.table.locationNumber'),
           formatter: this.dataFormatter,
           sortable: true,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -220,6 +224,7 @@ export default {
           label: this.$t('pageInventory.table.identifyLed'),
           formatter: this.dataFormatter,
           sortable: false,
+          thStyle: { width: '20%' },
           thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-last',
           tdClass: ' bootstrap-rounded-table__td',
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
index 9ddcaa69..25d5b38e 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
@@ -9,6 +9,7 @@
       show-empty
       :items="systems"
       :fields="fields"
+      :fixed="true"
       :empty-text="$t('global.table.emptyMessage')"
       :busy="isBusy"
     >
@@ -171,7 +172,7 @@ export default {
         {
           key: 'expandRow',
           label: '',
-          thStyle: { minWidth: '29px' },
+          thStyle: { width: '4%' },
           thClass: 'bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-first',
           tdClass: 'table-row-expand bootstrap-rounded-table__td',
@@ -180,6 +181,7 @@ export default {
           key: 'id',
           label: this.$t('pageInventory.table.id'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -204,6 +206,7 @@ export default {
           key: 'locationNumber',
           label: this.$t('pageInventory.table.locationNumber'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-center',
           tdClass: 'regular-12px bootstrap-rounded-table__td',
@@ -212,6 +215,7 @@ export default {
           key: 'locationIndicatorActive',
           label: this.$t('pageInventory.table.identifyLed'),
           formatter: this.dataFormatter,
+          thStyle: { width: '20%' },
           thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg',
           class: 'bootstrap-rounded-table__column-last',
           tdClass: ' bootstrap-rounded-table__td',
diff --git a/src/views/MemoryModules/DynamicInfo/MemoryDynamicPage.vue b/src/views/MemoryModules/DynamicInfo/MemoryDynamicPage.vue
index eeec0224..0db6dd54 100644
--- a/src/views/MemoryModules/DynamicInfo/MemoryDynamicPage.vue
+++ b/src/views/MemoryModules/DynamicInfo/MemoryDynamicPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.analyticalPanel')" />
     <div class="notification__container">
       <span class="semi-bold-12px">{{
         $t('global.ariaLabel.notificationTime')
diff --git a/src/views/MemoryModules/Specification/MemoryStaticPage.vue b/src/views/MemoryModules/Specification/MemoryStaticPage.vue
index c1716ec6..8a4b9c2e 100644
--- a/src/views/MemoryModules/Specification/MemoryStaticPage.vue
+++ b/src/views/MemoryModules/Specification/MemoryStaticPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.specification')" />
     <page-section class="bootstrap-table__section info_section">
       <span class="bold-16px">{{ $t('global.table.info') }}</span>
       <b-table
diff --git a/src/views/Motherboard/Specification/MotherboardSpecificationPage.vue b/src/views/Motherboard/Specification/MotherboardSpecificationPage.vue
index 03fc42e0..926c231c 100644
--- a/src/views/Motherboard/Specification/MotherboardSpecificationPage.vue
+++ b/src/views/Motherboard/Specification/MotherboardSpecificationPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.specification')" />
     <page-section class="bootstrap-table__section">
       <span class="bold-16px">{{ $t('global.table.info') }}</span>
       <b-table
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"
             >
diff --git a/src/views/PowerSupplies/DynamicInfo/PowerDynamicPage.vue b/src/views/PowerSupplies/DynamicInfo/PowerDynamicPage.vue
index 02a209d5..223570bf 100644
--- a/src/views/PowerSupplies/DynamicInfo/PowerDynamicPage.vue
+++ b/src/views/PowerSupplies/DynamicInfo/PowerDynamicPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.analyticalPanel')" />
     <div class="notification-time__container">
       <span class="semi-bold-12px">{{
         $t('global.ariaLabel.notificationTime')
diff --git a/src/views/PowerSupplies/Specification/PowerStaticPage.vue b/src/views/PowerSupplies/Specification/PowerStaticPage.vue
index c526abbd..f0ffd296 100644
--- a/src/views/PowerSupplies/Specification/PowerStaticPage.vue
+++ b/src/views/PowerSupplies/Specification/PowerStaticPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.specification')" />
     <page-section class="bootstrap-table__section info_section">
       <span class="bold-16px">{{ $t('pageInventory.powerSources') }}</span>
     </page-section>
diff --git a/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue b/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue
index 2ffc193e..7e0b16a4 100644
--- a/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue
+++ b/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.analyticalPanel')" />
     <div class="notification-time__container">
       <span class="semi-bold-12px">{{
         $t('global.ariaLabel.notificationTime')
diff --git a/src/views/Processors/Specification/ProcessorsSpecificationPage.vue b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue
index a717fdcf..02c8eb9c 100644
--- a/src/views/Processors/Specification/ProcessorsSpecificationPage.vue
+++ b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.specification')" />
     <page-section class="bootstrap-table__section">
       <span class="bold-16px">{{
         $t('pageInventory.installedProcessors')
diff --git a/src/views/SILA/AnalyticalPanel/AnalyticalPanelPage.vue b/src/views/SILA/AnalyticalPanel/AnalyticalPanelPage.vue
index 8506f143..eef8b1f9 100644
--- a/src/views/SILA/AnalyticalPanel/AnalyticalPanelPage.vue
+++ b/src/views/SILA/AnalyticalPanel/AnalyticalPanelPage.vue
@@ -1,6 +1,6 @@
 <template>
   <b-container fluid="xxl pt-0 m-0">
-    <page-title />
+    <page-title :description="$t('appNavigation.analyticalPanel')" />
     <div class="tables-container">
       <div class="server-table">
         <span class="semi-bold-16px">{{
diff --git a/src/views/SILA/NetworkAdapters/Dynamic/NetworkDynamicPage.vue b/src/views/SILA/NetworkAdapters/Dynamic/NetworkDynamicPage.vue
index e50bc399..3745a71f 100644
--- a/src/views/SILA/NetworkAdapters/Dynamic/NetworkDynamicPage.vue
+++ b/src/views/SILA/NetworkAdapters/Dynamic/NetworkDynamicPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.analyticalPanel')" />
     <date-switch :switch-time-scale="switchTimeScale" :time-scale="timeScale" />
     <div class="limit-container">
       <div class="trmperature-limt">
diff --git a/src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue b/src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue
index 64a01241..92f386fb 100644
--- a/src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue
+++ b/src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.ethernetAdapters')" />
     <data-tabs
       :slots="adaptersSlots"
       :switch-tab="switchAdapterSlot"
diff --git a/src/views/SILA/NetworkAdapters/FcHbaAdapters/FcHbaAdaptersPage.vue b/src/views/SILA/NetworkAdapters/FcHbaAdapters/FcHbaAdaptersPage.vue
index de55482d..827d195b 100644
--- a/src/views/SILA/NetworkAdapters/FcHbaAdapters/FcHbaAdaptersPage.vue
+++ b/src/views/SILA/NetworkAdapters/FcHbaAdapters/FcHbaAdaptersPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.fcHbaAdapters')" />
     <data-tabs
       :slots="adaptersSlots"
       :switch-tab="switchAdapterSlot"
diff --git a/src/views/SILA/PhysicalDrivers/DynamicInfo/DriversDynamicPage.vue b/src/views/SILA/PhysicalDrivers/DynamicInfo/DriversDynamicPage.vue
index 1e643ebd..fadbf2b2 100644
--- a/src/views/SILA/PhysicalDrivers/DynamicInfo/DriversDynamicPage.vue
+++ b/src/views/SILA/PhysicalDrivers/DynamicInfo/DriversDynamicPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.dynamicInformation')" />
     <div class="notification__container">
       <span class="semi-bold-12px">{{
         $t('global.ariaLabel.notificationTime')
diff --git a/src/views/SILA/PhysicalDrivers/StaticInfo/DriversStaticPage.vue b/src/views/SILA/PhysicalDrivers/StaticInfo/DriversStaticPage.vue
index 6a4f631d..d53ff449 100644
--- a/src/views/SILA/PhysicalDrivers/StaticInfo/DriversStaticPage.vue
+++ b/src/views/SILA/PhysicalDrivers/StaticInfo/DriversStaticPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.statisticInformation')" />
     <page-section class="bootstrap-table__section info_section">
       <span class="bold-16px">{{ $t('global.table.info') }}</span>
     </page-section>
diff --git a/src/views/SILA/RAID/Cache/RAIDCachePage.vue b/src/views/SILA/RAID/Cache/RAIDCachePage.vue
index 9196af6b..d4c049a5 100644
--- a/src/views/SILA/RAID/Cache/RAIDCachePage.vue
+++ b/src/views/SILA/RAID/Cache/RAIDCachePage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('RAID.cache')" />
     <data-tabs
       :slots="raidSlots"
       :switch-tab="switchRaidSlot"
diff --git a/src/views/SILA/RAID/Settings/RAIDSettingsPage.vue b/src/views/SILA/RAID/Settings/RAIDSettingsPage.vue
index 615155d3..d6759150 100644
--- a/src/views/SILA/RAID/Settings/RAIDSettingsPage.vue
+++ b/src/views/SILA/RAID/Settings/RAIDSettingsPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.settings')" />
     <data-tabs
       :slots="raidSlots"
       :switch-tab="switchRaidSlot"
diff --git a/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue b/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue
index cb0438e1..737126e4 100644
--- a/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue
+++ b/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.specification')" />
     <data-tabs
       :slots="raidSlots"
       :switch-tab="switchRaidSlot"
diff --git a/src/views/SystemDescription/Network/SystemNetwork.vue b/src/views/SystemDescription/Network/SystemNetwork.vue
index 72d9e994..69ede837 100644
--- a/src/views/SystemDescription/Network/SystemNetwork.vue
+++ b/src/views/SystemDescription/Network/SystemNetwork.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.networkParametrs')" />
     <!-- IPv4 -->
     <div class="page-collapse-decorator">
       <b-button
diff --git a/src/views/SystemDescription/ServerParametrs/ServerParametrs.vue b/src/views/SystemDescription/ServerParametrs/ServerParametrs.vue
index 413b9ae8..9eb57301 100644
--- a/src/views/SystemDescription/ServerParametrs/ServerParametrs.vue
+++ b/src/views/SystemDescription/ServerParametrs/ServerParametrs.vue
@@ -3,7 +3,7 @@
     :style="{ display: 'flex', 'flex-direction': 'column' }"
     fluid="xxl pt-0 m-0"
   >
-    <page-title />
+    <page-title :description="$t('appNavigation.serverParam')" />
     <servere-parametrs-section />
   </b-container>
 </template>