Update the design of system table
- Add left margins for sections associated with Memory summary and
Processor summary
Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com>
Change-Id: Ie35eeb8ecd2cc373cf3ada8915b267d7770e2916
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
index f2cdb3e..44a3585 100644
--- a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
+++ b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
@@ -101,11 +101,11 @@
</dl>
</b-col>
<b-col sm="6">
- <dl>
- <!-- Memory Summary -->
- <dt class="mt-1 mb-2 font-weight-bold float-none">
- {{ $t('pageInventory.table.memorySummary') }}
- </dt>
+ <!-- Memory Summary -->
+ <p class="mt-1 mb-2 h6 float-none m-0">
+ {{ $t('pageInventory.table.memorySummary') }}
+ </p>
+ <dl class="ml-4">
<!-- Status state -->
<dt>{{ $t('pageInventory.table.statusState') }}:</dt>
<dd>{{ tableFormatter(item.memorySummaryState) }}</dd>
@@ -115,11 +115,12 @@
<!-- Health Roll -->
<dt>{{ $t('pageInventory.table.healthRollup') }}:</dt>
<dd>{{ tableFormatter(item.memorySummaryHealthRoll) }}</dd>
-
- <!-- Processor Summary -->
- <dt class="mt-1 mb-2 font-weight-bold float-none">
- {{ $t('pageInventory.table.processorSummary') }}
- </dt>
+ </dl>
+ <!-- Processor Summary -->
+ <p class="mt-1 mb-2 h6 float-none m-0">
+ {{ $t('pageInventory.table.processorSummary') }}
+ </p>
+ <dl class="ml-4">
<!-- Status state -->
<dt>{{ $t('pageInventory.table.statusState') }}:</dt>
<dd>{{ tableFormatter(item.processorSummaryState) }}</dd>