fix tables global styles

8 files changed, 22 insertions, 166 deletions

diff --git a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
index 0a5e9a31..7683ef93 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue
@@ -4,9 +4,9 @@
     :section-small-title="$t('pageInventory.assemblies')"
   >
     <b-table
-      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
+      no-border-collapse
       responsive="md"
       :items="items"
       :fields="fields"
@@ -92,9 +92,6 @@ 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',
         },
         {
           key: 'name',
@@ -102,18 +99,12 @@ export default {
           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',
         },
         {
           key: 'partNumber',
           label: this.$t('pageInventory.table.partNumber'),
           formatter: this.dataFormatter,
           sortable: true,
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'locationNumber',
@@ -121,18 +112,12 @@ export default {
           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',
         },
         {
           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',
         },
       ],
       expandRowLabel: expandRowLabel,
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
index 164aca71..f3cd1f05 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue
@@ -4,9 +4,9 @@
     :section-small-title="$t('pageInventory.bmcManager')"
   >
     <b-table
-      class="bootstrap-rounded-table"
       responsive="md"
       show-empty
+      no-border-collapse
       :items="items"
       :fields="fields"
       :fixed="true"
@@ -186,44 +186,31 @@ 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',
+          tdClass: 'table-row-expand ',
         },
         {
           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',
+          tdClass: 'regular-12px ',
         },
         {
           key: 'health',
           label: this.$t('pageInventory.table.health'),
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           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',
         },
         {
           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',
         },
       ],
       expandRowLabel: expandRowLabel,
@@ -265,38 +252,3 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
-// .row {
-//   margin: 0px;
-//   flex-wrap: nowrap;
-// }
-// .fans-table-col-first__cell {
-//   display: flex;
-//   flex-flow: row nowrap;
-//   align-items: center;
-//   justify-content: flex-start;
-// }
-
-// .status__img {
-//   margin-right: 7px;
-// }
-
-// .bold-12px__caps {
-//   color: $text-secondary;
-// }
-
-// .attrib-names {
-//   border-bottom: 1px solid $faint-secondary-primary-10;
-//   color: $text-secondary !important;
-//   font-weight: 600;
-// }
-
-// .custom-switch {
-//   margin: 0;
-// }
-
-// .btn-link {
-//   width: 30px !important;
-//   height: 20px !important;
-// }
-</style>
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
index dc6bf573..ed8787f9 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue
@@ -4,9 +4,9 @@
     :section-small-title="$t('pageInventory.chassis')"
   >
     <b-table
-      class="bootstrap-rounded-table"
       responsive="md"
       show-empty
+      no-border-collapse
       :items="chassis"
       :fields="fields"
       :fixed="true"
@@ -139,44 +139,31 @@ 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',
+          tdClass: 'table-row-expand',
         },
         {
           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',
         },
         {
           key: 'health',
           label: this.$t('pageInventory.table.health'),
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td',
+          tdClass: 'text-nowrap',
         },
         {
           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',
         },
         {
           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',
         },
       ],
       expandRowLabel: expandRowLabel,
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
index 86701b54..fa25919f 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue
@@ -18,12 +18,12 @@
       </b-col>
     </b-row>
     <b-table
-      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
       sort-by="health"
       responsive="md"
       show-empty
+      no-border-collapse
       :items="dimms"
       :fields="fields"
       :sort-desc="true"
@@ -192,44 +192,31 @@ 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',
+          tdClass: 'table-row-expand',
         },
         {
           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',
         },
         {
           key: 'health',
           label: this.$t('pageInventory.table.health'),
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td',
+          tdClass: 'text-nowrap ',
         },
         {
           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',
         },
         {
           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',
         },
       ],
       searchFilter: searchFilter,
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
index 9c3773f0..d110ad3f 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue
@@ -18,12 +18,12 @@
       </b-col>
     </b-row>
     <b-table
-      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
       responsive="md"
       sort-by="health"
       show-empty
+      no-border-collapse
       :items="fans"
       :fields="fields"
       :sort-desc="true"
@@ -132,9 +132,7 @@ export default {
           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',
+          tdClass: 'table-row-expand',
         },
         {
           key: 'id',
@@ -142,18 +140,13 @@ export default {
           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',
         },
         {
           key: 'health',
           label: this.$t('pageInventory.table.health'),
           formatter: this.dataFormatter,
           sortable: true,
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td',
+          tdClass: 'text-nowrap',
         },
         {
           key: 'partNumber',
@@ -161,18 +154,12 @@ export default {
           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',
         },
         {
           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',
         },
       ],
       searchFilter: searchFilter,
diff --git a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
index 52cfd8b5..35e6e14d 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue
@@ -18,13 +18,13 @@
       </b-col>
     </b-row>
     <b-table
-      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
       hover
       responsive="md"
       sort-by="health"
       show-empty
+      no-border-collapse
       :items="powerSupplies"
       :fields="fields"
       :sort-desc="true"
@@ -150,9 +150,7 @@ export default {
           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',
+          tdClass: 'table-row-expand',
         },
         {
           key: 'id',
@@ -160,18 +158,13 @@ export default {
           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',
         },
         {
           key: 'health',
           label: this.$t('pageInventory.table.health'),
           formatter: this.dataFormatter,
           sortable: true,
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td',
+          tdClass: 'text-nowrap',
         },
         {
           key: 'locationNumber',
@@ -179,18 +172,12 @@ export default {
           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',
         },
         {
           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',
         },
       ],
       searchFilter: searchFilter,
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
index 0c1b019f..08128da4 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue
@@ -20,12 +20,12 @@
       </b-col>
     </b-row>
     <b-table
-      class="bootstrap-rounded-table"
       sort-icon-left
       no-sort-reset
       hover
       responsive="md"
       show-empty
+      no-border-collapse
       :items="processors"
       :fields="fields"
       :sort-desc="true"
@@ -186,9 +186,7 @@ export default {
           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',
+          tdClass: 'table-row-expand ',
         },
         {
           key: 'id',
@@ -196,18 +194,13 @@ export default {
           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',
         },
         {
           key: 'health',
           label: this.$t('pageInventory.table.health'),
           formatter: this.dataFormatter,
           sortable: true,
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td',
+          tdClass: 'text-nowrap',
         },
         {
           key: 'locationNumber',
@@ -215,9 +208,6 @@ export default {
           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',
         },
         {
           key: 'identifyLed',
@@ -225,9 +215,6 @@ export default {
           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',
         },
       ],
       processors: [
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
index 25d5b38e..c3b7bd87 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
@@ -4,9 +4,9 @@
     :section-small-title="$t('pageInventory.system')"
   >
     <b-table
-      class="bootstrap-rounded-table"
       responsive="md"
       show-empty
+      no-border-collapse
       :items="systems"
       :fields="fields"
       :fixed="true"
@@ -173,52 +173,36 @@ 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',
+          tdClass: 'table-row-expand',
         },
         {
           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',
         },
         {
           key: 'hardwareType',
           label: this.$t('pageInventory.table.hardwareType'),
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td',
+          tdClass: 'text-nowrap ',
         },
         {
           key: 'health',
           label: this.$t('pageInventory.table.health'),
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: 'bootstrap-rounded-table__column-center',
-          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           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',
         },
         {
           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',
         },
       ],
       expandRowLabel: expandRowLabel,