Maintain circled pfe-icon height in flex display

[eyevana]

Maintain circled pfe-icon height in flex display

What has changed and why

Summarize files edited as part of this MR along with a brief description of what was changed/why.

• Aligned the pfe-icon-panel's flex-children (ex. pfe-icon) to prevent their height from stretching to parent's height.

Testing instructions

Be sure to include detailed instructions on how your update can be tested by another developer.

1. Pull the branch down and type run npm start in your local environment
2. Navigate to http://localhost:8000/elements/pfe-icon-panel/demo/ and verify that the circled pfe-icon circles are not oblong :)

Browser requirements

Your component should work in all of the following environments:

• Latest 2 versions of Edge
• Internet Explorer 11 (should be useable, not pixel perfect)
• Latest 2 versions of Firefox (one on Mac OS, one of Windows OS)
• Firefox 60.7.2 (or latest version for Red Hat Enterprise Linux distribution)
• Latest 2 versions of Chrome (one on Mac OS, one of Windows OS)
• Latest 2 versions of Safari
• Galaxy S9 Firefox
• iPhone X Safari
• iPad Pro Safari
• Pixel 3 Chrome

Your repository infrastructure updates should work for at least:

• Node v8.x
• NPM v7.x

Ready-for-merge Checklist

• Expected files: all files in this pull request are related to one feature request or issue (no stragglers)?
• Did browser testing pass?
• Did you update or add any necessary documentation (README.md, WHY.md, etc.)?
• Was this feature demo'd and the design review approved?
• Did you update the CHANGELOG.md file with a summary of this update?

Be sure to share your updates with the patternfly-elements-contribute@redhat.com mailing list!

[kylebuch8]

Locally Grown Tomatoes, mmm...