Fixes #35295 - Details tab cards - Switch to masonry card layout inst…

…ead of square grid (#10216)
Katello · Aug 16, 2022 · bc1304b · bc1304b
1 parent 9d6b86d
commit bc1304b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git 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
@@ -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
@@ -62,6 +62,7 @@ const RegistrationCard = ({ isExpandedGlobal, hostDetails }) => {
     <CardTemplate
       header={__('Registration details')}
       expandable
+      masonryLayout
       isExpandedGlobal={isExpandedGlobal}
     >
       <DescriptionList isHorizontal>