From 4c0391996d04ffb229763bda67e9c9d9eeb5c47c Mon Sep 17 00:00:00 2001
From: Sandeepa Singh <sandeepa.singh@ibm.com>
Date: Fri, 2 Jul 2021 21:36:45 +0530
Subject: Update the design of BMC table

- Add left margins for sections associated with Graphic console and
Serial console

Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com>
Change-Id: Iebb9f91fca76a40e5096aec4d551453d62cd0aae
---
 .../HardwareStatusTableBmcManager.vue              | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

(limited to 'src/views')

diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
index 96736736..07157448 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
@@ -117,14 +117,16 @@
               </dl>
             </b-col>
             <b-col class="mt-2" sm="6" xl="6">
+              <!-- Firmware Version  -->
               <dl>
-                <!-- Firmware Version  -->
                 <dt>{{ $t('pageHardwareStatus.table.firmwareVersion') }}:</dt>
                 <dd>{{ item.firmwareVersion }}</dd>
-                <!-- Graphical console -->
-                <dt class="mt-1 mb-2 float-none">
-                  {{ $t('pageHardwareStatus.table.graphicalConsole') }}
-                </dt>
+              </dl>
+              <!-- Graphical console -->
+              <p class="mt-1 mb-2 h6 float-none m-0">
+                {{ $t('pageHardwareStatus.table.graphicalConsole') }}
+              </p>
+              <dl class="ml-4">
                 <dt>
                   {{ $t('pageHardwareStatus.table.connectTypesSupported') }}:
                 </dt>
@@ -141,10 +143,12 @@
                 <dd>
                   {{ tableFormatter(item.graphicalConsoleEnabled) }}
                 </dd>
-                <!-- Serial console -->
-                <dt class="mt-1 mb-2 float-none">
-                  {{ $t('pageHardwareStatus.table.serialConsole') }}
-                </dt>
+              </dl>
+              <!-- Serial console -->
+              <p class="mt-1 mb-2 h6 float-none m-0">
+                {{ $t('pageHardwareStatus.table.serialConsole') }}
+              </p>
+              <dl class="ml-4">
                 <dt>
                   {{ $t('pageHardwareStatus.table.connectTypesSupported') }}:
                 </dt>
-- 
cgit v1.2.3