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
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
index 9673673..0715744 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>