From 1628c993ad0a63c48a254cc4e8e5d568484dd68e Mon Sep 17 00:00:00 2001
From: Simon Kobyda <skobyda@redhat.com>
Date: Fri, 23 Jun 2023 12:18:33 +0200
Subject: [PATCH] Move IP address field to DescriptionList

---
 src/components/vm/nics/vmNicsCard.jsx | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/vm/nics/vmNicsCard.jsx b/src/components/vm/nics/vmNicsCard.jsx
index 9d8ee6a86..ea4a7fb76 100644
--- a/src/components/vm/nics/vmNicsCard.jsx
+++ b/src/components/vm/nics/vmNicsCard.jsx
@@ -314,14 +314,24 @@ export class VmNetworkTab extends React.Component {
                         return _("Unknown");
                     } else {
                         return (
-                            <>
-                                {ips.inet && <div id={`${id}-network-${networkId}-ipv4-address`}>
-                                    {'inet ' + ips.inet}
-                                </div>}
-                                {ips.inet6 && <div id={`${id}-network-${networkId}-ipv6-address`}>
-                                    {'inet6 ' + ips.inet6}
-                                </div>}
-                            </>
+                            <DescriptionList isHorizontal isFluid>
+                                <DescriptionListGroup>
+                                    <DescriptionListTerm>
+                                        {_("inet")}
+                                    </DescriptionListTerm>
+                                    <DescriptionListDescription id={`${id}-network-${networkId}-ipv4-address`}>
+                                        {ips.inet}
+                                    </DescriptionListDescription>
+                                </DescriptionListGroup>
+                                <DescriptionListGroup>
+                                    <DescriptionListTerm>
+                                        {_("inet6")}
+                                    </DescriptionListTerm>
+                                    <DescriptionListDescription id={`${id}-network-${networkId}-ipv6-address`}>
+                                        {ips.inet6}
+                                    </DescriptionListDescription>
+                                </DescriptionListGroup>
+                            </DescriptionList>
                         );
                     }
                 },