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
diff --git a/src/views/Health/Sensors/Sensors.vue b/src/views/Health/Sensors/Sensors.vue
index 66bb7d5..acd2d18 100644
--- a/src/views/Health/Sensors/Sensors.vue
+++ b/src/views/Health/Sensors/Sensors.vue
@@ -71,8 +71,7 @@
</template>
<template v-slot:cell(status)="{ value }">
- <status-icon :status="statusIcon(value)" />
- {{ value }}
+ <status-icon :status="statusIcon(value)" /> {{ value }}
</template>
<template v-slot:cell(currentValue)="data">
{{ data.value }} {{ data.item.units }}
@@ -146,7 +145,8 @@
{
key: 'status',
sortable: true,
- label: this.$t('pageSensors.table.status')
+ label: this.$t('pageSensors.table.status'),
+ tdClass: 'text-nowrap'
},
{
key: 'lowerCritical',