Removed truncated style from overview page
- Removed truncated style from network information section.
Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I11339a1c6099a733b07979dd26b13a0b400de19a
diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue
index 4de94d7..1d2da44 100644
--- a/src/views/Overview/Overview.vue
+++ b/src/views/Overview/Overview.vue
@@ -29,25 +29,25 @@
<b-col>
<page-section :section-title="$t('pageOverview.serverInformation')">
<b-row>
- <b-col sm="6">
+ <b-col lg="6">
<dl>
<dt>{{ $t('pageOverview.model') }}</dt>
<dd>{{ serverModel }}</dd>
</dl>
</b-col>
- <b-col sm="6">
+ <b-col lg="6">
<dl>
<dt>{{ $t('pageOverview.manufacturer') }}</dt>
<dd>{{ serverManufacturer }}</dd>
</dl>
</b-col>
- <b-col sm="6">
+ <b-col lg="6">
<dl>
<dt>{{ $t('pageOverview.serialNumber') }}</dt>
<dd>{{ serverSerialNumber }}</dd>
</dl>
</b-col>
- <b-col sm="6">
+ <b-col lg="6">
<dl>
<dt>{{ $t('pageOverview.firmwareVersion') }}</dt>
<dd>{{ hostFirmwareVersion }}</dd>
@@ -170,10 +170,4 @@
margin-bottom: $spacer * 2;
margin-left: $spacer * -1;
}
-
-dd {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
</style>
diff --git a/src/views/Overview/OverviewNetwork.vue b/src/views/Overview/OverviewNetwork.vue
index 239a881..8caf1e8 100644
--- a/src/views/Overview/OverviewNetwork.vue
+++ b/src/views/Overview/OverviewNetwork.vue
@@ -12,19 +12,19 @@
{{ ethernetInterface.Id }}
</h3>
<b-row>
- <b-col sm="12" lg="12" xl="4">
+ <b-col lg="6" xl="4">
<dl>
<dt>{{ $t('pageOverview.network.hostname') }}</dt>
<dd>{{ ethernetInterface.HostName }}</dd>
</dl>
</b-col>
- <b-col sm="6" lg="6" xl="4">
+ <b-col lg="6" xl="4">
<dl>
<dt>{{ $t('pageOverview.network.macAddress') }}</dt>
<dd>{{ ethernetInterface.MACAddress }}</dd>
</dl>
</b-col>
- <b-col sm="6" lg="6" xl="4">
+ <b-col lg="6" xl="4">
<dl>
<dt>{{ $t('pageOverview.network.ipAddress') }}</dt>
<dd
@@ -59,8 +59,5 @@
<style lang="scss" scoped>
dd {
margin-bottom: 0;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
}
</style>