Remove pf-c-content CSS class from status page

This is an old PF3 CSS rule which seems to conflict with some of the
PF4 rules. As a result, the styles for the h3 headings (used for the
pipeline names) are styled differently than the other headings used
in zuul-web. Especially the margin is set to 0 which makes the headings
look a little "broken" and the containers for the different pipelines
are crushed together.

This is the only occurrence of this rule, so I just removed it and
adapted the "broken" heading to a PF4 Title. Those are small changes,
but the overall result should look much cleaner and more PF4-like.

Change-Id: I226149588f2f3b6ee5d09aa43e1b8c085390ece1

1 files changed, 2 insertions, 2 deletions

diff --git a/web/src/pf4-migration.css b/web/src/pf4-migration.css
index 43c7c4c93..8c3e4d5fe 100644
--- a/web/src/pf4-migration.css
+++ b/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;
 }