Fix table row alignment and table head border

- Aligns content in table rows with expand and action buttons
- Adds border to table head

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I403575bedc78d71ad05edcae2f59f7df994d3630

7 files changed, 14 insertions, 7 deletions

diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
index 1c8bb974..e7ddf537 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
@@ -163,7 +163,8 @@ export default {
         {
           key: 'health',
           label: this.$t('pageHardwareStatus.table.health'),
-          formatter: this.tableFormatter
+          formatter: this.tableFormatter,
+          tdClass: 'text-nowrap'
         },
         {
           key: 'partNumber',
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
index 961396a2..0b56a9fe 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
@@ -92,7 +92,8 @@ export default {
         {
           key: 'health',
           label: this.$t('pageHardwareStatus.table.health'),
-          formatter: this.tableFormatter
+          formatter: this.tableFormatter,
+          tdClass: 'text-nowrap'
         },
         {
           key: 'partNumber',
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
index 76ef2b63..babb8d07 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
@@ -105,7 +105,8 @@ export default {
           key: 'health',
           label: this.$t('pageHardwareStatus.table.health'),
           formatter: this.tableFormatter,
-          sortable: true
+          sortable: true,
+          tdClass: 'text-nowrap'
         },
         {
           key: 'partNumber',
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
index e955eda3..9ee9291c 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
@@ -104,7 +104,8 @@ export default {
           key: 'health',
           label: this.$t('pageHardwareStatus.table.health'),
           formatter: this.tableFormatter,
-          sortable: true
+          sortable: true,
+          tdClass: 'text-nowrap'
         },
         {
           key: 'partNumber',
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
index 4d57feca..bd5cedb5 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
@@ -127,7 +127,8 @@ export default {
           key: 'health',
           label: this.$t('pageHardwareStatus.table.health'),
           formatter: this.tableFormatter,
-          sortable: true
+          sortable: true,
+          tdClass: 'text-nowrap'
         },
         {
           key: 'partNumber',
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
index 0b2ee60e..de77243a 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
@@ -134,7 +134,8 @@ export default {
           key: 'health',
           label: this.$t('pageHardwareStatus.table.health'),
           formatter: this.tableFormatter,
-          sortable: true
+          sortable: true,
+          tdClass: 'text-nowrap'
         },
         {
           key: 'partNumber',
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
index 89ae5118..da4d5467 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
@@ -104,7 +104,8 @@ export default {
         {
           key: 'health',
           label: this.$t('pageHardwareStatus.table.health'),
-          formatter: this.tableFormatter
+          formatter: this.tableFormatter,
+          tdClass: 'text-nowrap'
         },
         {
           key: 'partNumber',