Bug 2184063: Display titles in VM Diagnostic tab smaller

[hstastna]

📝 Description

Fixes:
https://bugzilla.redhat.com/show_bug.cgi?id=2184063

Display "Status conditions" and "Volume snapshot status" sub-titles in VM Diagnostic tab smaller, more aligned with such titles in other VM tabs.

Use Patternfly Flex, FlexItem components for that, simplify the related css file.

Used PF Flex component:
https://pf4.patternfly.org/layouts/flex/

🎥 Screenshots

Before:
Titles too big, also aligning of pagination not perfect:

After:
Titles smaller, aligning of pagination perfect:

[openshift-ci]

@hstastna: This pull request references Bugzilla bug 2184063, which is valid. The bug has been moved to the POST state. The bug has been updated to refer to the pull request using the external bug tracker.

3 validation(s) were run on this bug

• bug is open, matching expected state (open)
• bug target release (4.14.0) matches configured target release for branch (4.14.0)
• bug is in the state NEW, which is one of the valid states (NEW, ASSIGNED, ON_DEV, POST, POST)

Requesting review from QA contact:
/cc @gouyang

In response to this:

Bug 2184063: Display titles in VM Diagnostic tab smaller

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[hstastna]

@avivtur @metalice @pcbailey @upalatucci @vojtechszocs please review

[pcbailey]

/lgtm

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: hstastna, pcbailey

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [hstastna,pcbailey]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[openshift-ci]

@hstastna: All pull requests linked via external trackers have merged:

• kubevirt-ui/kubevirt-plugin#1246

Bugzilla bug 2184063 has been moved to the MODIFIED state.

In response to this:

Bug 2184063: Display titles in VM Diagnostic tab smaller

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.