From 1090cda421003a7a053f8624213e9e9535d156d5 Mon Sep 17 00:00:00 2001
From: Katie McFaul <kmcfaul@redhat.com>
Date: Wed, 25 Sep 2024 09:28:00 -0400
Subject: [PATCH] add more spacing to icon

---
 .../src/components/Card/examples/CardTile.tsx | 20 ++++++++++++-------
 .../Card/examples/CardTileMulti.tsx           | 20 ++++++++++++-------
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/packages/react-core/src/components/Card/examples/CardTile.tsx b/packages/react-core/src/components/Card/examples/CardTile.tsx
index 9561464bc90..a24d4facbe3 100644
--- a/packages/react-core/src/components/Card/examples/CardTile.tsx
+++ b/packages/react-core/src/components/Card/examples/CardTile.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Card, CardHeader, CardBody, Gallery } from '@patternfly/react-core';
+import { Card, CardHeader, CardBody, Gallery, Flex } from '@patternfly/react-core';
 import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
 
 export const CardTile: React.FunctionComponent = () => {
@@ -25,8 +25,10 @@ export const CardTile: React.FunctionComponent = () => {
             isHidden: true
           }}
         >
-          <PlusIcon />
-          <b>Tile header</b>
+          <Flex>
+            <PlusIcon />
+            <b>Tile header</b>
+          </Flex>
         </CardHeader>
         <CardBody>Tile content and description</CardBody>
       </Card>
@@ -41,8 +43,10 @@ export const CardTile: React.FunctionComponent = () => {
             isHidden: true
           }}
         >
-          <PlusIcon />
-          <b>Tile header</b>
+          <Flex>
+            <PlusIcon />
+            <b>Tile header</b>
+          </Flex>
         </CardHeader>
         <CardBody>Tile content and description</CardBody>
       </Card>
@@ -57,8 +61,10 @@ export const CardTile: React.FunctionComponent = () => {
             isHidden: true
           }}
         >
-          <PlusIcon />
-          <b>Tile header (disabled)</b>
+          <Flex>
+            <PlusIcon />
+            <b>Tile header (disabled)</b>
+          </Flex>
         </CardHeader>
         <CardBody>Tile content and description</CardBody>
       </Card>
diff --git a/packages/react-core/src/components/Card/examples/CardTileMulti.tsx b/packages/react-core/src/components/Card/examples/CardTileMulti.tsx
index b78f9f3640e..f2b0d085321 100644
--- a/packages/react-core/src/components/Card/examples/CardTileMulti.tsx
+++ b/packages/react-core/src/components/Card/examples/CardTileMulti.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Card, CardHeader, CardBody, Gallery } from '@patternfly/react-core';
+import { Card, CardHeader, CardBody, Gallery, Flex } from '@patternfly/react-core';
 import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
 
 export const CardTileMulti: React.FunctionComponent = () => {
@@ -38,8 +38,10 @@ export const CardTileMulti: React.FunctionComponent = () => {
             isHidden: true
           }}
         >
-          <PlusIcon />
-          <b>Tile header</b>
+          <Flex>
+            <PlusIcon />
+            <b>Tile header</b>
+          </Flex>
         </CardHeader>
         <CardBody>Tile content and description</CardBody>
       </Card>
@@ -53,8 +55,10 @@ export const CardTileMulti: React.FunctionComponent = () => {
             isHidden: true
           }}
         >
-          <PlusIcon />
-          <b>Tile header</b>
+          <Flex>
+            <PlusIcon />
+            <b>Tile header</b>
+          </Flex>
         </CardHeader>
         <CardBody>Tile content and description</CardBody>
       </Card>
@@ -68,8 +72,10 @@ export const CardTileMulti: React.FunctionComponent = () => {
             isHidden: true
           }}
         >
-          <PlusIcon />
-          <b>Tile header (disabled)</b>
+          <Flex>
+            <PlusIcon />
+            <b>Tile header (disabled)</b>
+          </Flex>
         </CardHeader>
         <CardBody>Tile content and description</CardBody>
       </Card>