Bug 2076544

Description of problem:
Found some small UI issues in 4.10, still existing in 4.11 where some whitespace (padding or margin) is missing after some custom CSS is removed.

This happened with the merge of https://github.com/openshift/console/pull/10649.

In _patternfly4.scss it removes the really generic rule:

  p {
    margin-bottom: var(--pf-c-content--MarginBottom);
  }

PatternFly uses this rule instead.

  .pf-c-content p { 
    margin-bottom: var(--pf-c-content--MarginBottom)
  }


Version-Release number of selected component (if applicable):
4.10 and 4.11


How reproducible:
Always (Layout issue)


Steps to Reproduce:
Different pages are affected. We should search for all <p> in our code to check if the layout breaks/changes from 4.9 to 4.10? 

For example:
1. Pipelines > Pipeline Builder
2. Observe > Alerts > Silence > Create

Many others are less obvious - and sometimes not bad at all. Like the OperatorHub info text message.

Actual results:
Spacing is missing. At least on the Pipeline Bilder and Alert Silence Create page.

Expected results:
Spacing should be shown as before WITHOUT restoring this rule.

As part of a fix for this we should search for other spacing issues as well.
Please search for <p> and pf-c-content in our complete code base.


Additional info:
We don’t want to restore this rule since it causes problems for plugins that use pure PF components and layouts.

We should fix the specific places you see issues. We’re trying to move away from any overrides of the base PF styles.

See also https://coreos.slack.com/archives/C6A3NV5J9/p1644482983095689