Merge "Remove pf-c-content CSS class from status page"

web/src/containers/status/Pipeline.jsx

@@ -15,7 +15,7 @@
 import * as React from 'react'
 import PropTypes from 'prop-types'
 import { Badge } from 'patternfly-react'
-import { Tooltip } from '@patternfly/react-core'
+import { Title, Tooltip } from '@patternfly/react-core'
 
 import ChangeQueue from './ChangeQueue'
 
@@ -117,11 +117,11 @@ class Pipeline extends React.Component {
     const { pipeline, filter, expanded } = this.props
     const count = this.createTree(pipeline)
     return (
-      <div className="pf-c-content zuul-pipeline col-sm-6 col-md-4">
+      <div className="zuul-pipeline col-sm-6 col-md-4">
         <div className="zuul-pipeline-header">
-          <h3>
+          <Title headingLevel="h3">
             {pipeline.name} <Badge>{count}</Badge>
-          </h3>
+          </Title>
           {pipeline.description ? (
             <small>
               <p>{pipeline.description.split(/\r?\n\r?\n/)}</p>

web/src/pf4-migration.css

@@ -60,7 +60,7 @@ span.zuul-job-result.label {
 }
 
 /* Avoid that the change boxes are stretched out (too much space in between) */
-.zuul-status-content .pf-c-content table:not(:last-child) {
+.zuul-status-content table:not(:last-child) {
     margin-bottom: 0;
 }
 
@@ -70,7 +70,7 @@ span.zuul-job-result.label {
 }
 
 /* Avoid duplicated lines/borders for the job items on the status page */
-.zuul-status-content .pf-c-content li+li {
+.zuul-status-content li+li {
     margin-top: 0;
 }