From 1908ac90fb2ec4849a71678543e0ed11af014256 Mon Sep 17 00:00:00 2001
From: Sandeepa Singh <sandeepa.singh@ibm.com>
Date: Tue, 31 Aug 2021 16:38:17 +0530
Subject: 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
---
 .../Inventory/InventoryTableSystem.vue              | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

(limited to 'src/views')

diff --git a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue
index f2cdb3ed..44a35859 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>
-- 
cgit v1.2.3