diff options
| author | Sandeepa Singh <sandeepa.singh@ibm.com> | 2021-08-31 14:08:17 +0300 |
|---|---|---|
| committer | Sandeepa Singh <sandeepa.singh@ibm.com> | 2021-08-31 14:08:17 +0300 |
| commit | 1908ac90fb2ec4849a71678543e0ed11af014256 (patch) | |
| tree | 6c19a11712ba234ad609acffd7722e588fc32400 | |
| parent | b81828821ed22be4c99d833b6dc522701a5ce019 (diff) | |
| download | webui-vue-1908ac90fb2ec4849a71678543e0ed11af014256.tar.xz | |
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
| -rw-r--r-- | src/views/HardwareStatus/Inventory/InventoryTableSystem.vue | 21 |
1 files changed, 11 insertions, 10 deletions
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> |