From bc1304b275671ab357fd2703ddcb1915d39dda99 Mon Sep 17 00:00:00 2001
From: Jeremy Lenz <jlenz@redhat.com>
Date: Tue, 16 Aug 2022 17:21:11 -0400
Subject: [PATCH] Fixes #35295 - Details tab cards - Switch to masonry card
 layout instead of square grid (#10216)

---
 .../extensions/HostDetails/DetailsTabCards/HwPropertiesCard.js   | 1 +
 .../HostDetails/DetailsTabCards/InstalledProductsCard.js         | 1 +
 .../extensions/HostDetails/DetailsTabCards/RegistrationCard.js   | 1 +
 3 files changed, 3 insertions(+)

diff --git a/webpack/components/extensions/HostDetails/DetailsTabCards/HwPropertiesCard.js b/webpack/components/extensions/HostDetails/DetailsTabCards/HwPropertiesCard.js
index 535d3dbdfd1..7063bdcdbce 100644
--- a/webpack/components/extensions/HostDetails/DetailsTabCards/HwPropertiesCard.js
+++ b/webpack/components/extensions/HostDetails/DetailsTabCards/HwPropertiesCard.js
@@ -48,6 +48,7 @@ const HwPropertiesCard = ({ isExpandedGlobal, hostDetails }) => {
       header={__('HW properties')}
       expandable
       isExpandedGlobal={isExpandedGlobal}
+      masonryLayout
     >
       <DescriptionList isHorizontal>
         <DescriptionListGroup>
diff --git a/webpack/components/extensions/HostDetails/DetailsTabCards/InstalledProductsCard.js b/webpack/components/extensions/HostDetails/DetailsTabCards/InstalledProductsCard.js
index f91af0f42b4..9a490a7ecdf 100644
--- a/webpack/components/extensions/HostDetails/DetailsTabCards/InstalledProductsCard.js
+++ b/webpack/components/extensions/HostDetails/DetailsTabCards/InstalledProductsCard.js
@@ -11,6 +11,7 @@ const InstalledProductsCard = ({ isExpandedGlobal, hostDetails }) => {
     <CardTemplate
       header={__('Installed products')}
       expandable
+      masonryLayout
       isExpandedGlobal={isExpandedGlobal}
     >
       <List isPlain>
diff --git a/webpack/components/extensions/HostDetails/DetailsTabCards/RegistrationCard.js b/webpack/components/extensions/HostDetails/DetailsTabCards/RegistrationCard.js
index 7e2d9b8b548..43c531a3b1d 100644
--- a/webpack/components/extensions/HostDetails/DetailsTabCards/RegistrationCard.js
+++ b/webpack/components/extensions/HostDetails/DetailsTabCards/RegistrationCard.js
@@ -62,6 +62,7 @@ const RegistrationCard = ({ isExpandedGlobal, hostDetails }) => {
     <CardTemplate
       header={__('Registration details')}
       expandable
+      masonryLayout
       isExpandedGlobal={isExpandedGlobal}
     >
       <DescriptionList isHorizontal>