MGMT-21833: In dialogs popup - the spacing between lines of text and the list of statuses is inconsistent.

[jgyselov]

https://issues.redhat.com/browse/MGMT-21833

Since the Hardware/Network/Operator text is smaller, I think we can have them closer to each other.

Before:

After:

Summary by CodeRabbit

• Style
  • Updated Host Status popover layout: details now render in their own conditional block and validation groups are placed in a separate container for clearer separation.
  • Improves spacing and visual hierarchy for validation items without changing interactions, data, or behavior.

[openshift-ci-robot]

@jgyselov: This pull request references MGMT-21833 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the bug to target the "4.21.0" version, but no target version was set.

Details

In response to this:

https://issues.redhat.com/browse/MGMT-21833

Since the Hardware/Network/Operator text is smaller, I think we can have them closer to each other.

Before:

After:

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 openshift-eng/jira-lifecycle-plugin repository.

[coderabbitai]

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Title Check	⚠️ Warning	The title describes the bug and includes a JIRA ticket reference rather than clearly summarizing the change made; it focuses on the problem statement instead of stating the actual adjustment to spacing.	Please rephrase the title to directly summarize what was changed, for example “Adjust spacing in dialog popups between text lines and status list,” and remove the JIRA identifier to keep it concise and focused.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 398146e and 755366c.

📒 Files selected for processing (1)

• libs/ui-lib/lib/common/components/hosts/HostStatus.tsx (1 hunks)

🚧 Files skipped from review as they are similar to previous changes (1)

• libs/ui-lib/lib/common/components/hosts/HostStatus.tsx

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (6)

• GitHub Check: tests
• GitHub Check: circular-deps
• GitHub Check: translation-files
• GitHub Check: lint
• GitHub Check: format
• GitHub Check: unit-tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[jgyselov]

/cherry-pick releases/v2.46

[openshift-cherrypick-robot]

@jgyselov: once the present PR merges, I will cherry-pick it on top of releases/v2.46 in a new PR and assign it to you.

Details

In response to this:

/cherry-pick releases/v2.46

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-sigs/prow repository.

[openshift-ci-robot]

@jgyselov: This pull request references MGMT-21833 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the bug to target the "4.21.0" version, but no target version was set.

Details

In response to this:

https://issues.redhat.com/browse/MGMT-21833

Since the Hardware/Network/Operator text is smaller, I think we can have them closer to each other.

Before:

After:

Summary by CodeRabbit

• Style
• Refined the Host Status popover layout by wrapping validation groups in an additional container to improve spacing and visual hierarchy.
• Enhances readability and grouping of validation items for clearer at-a-glance status.
• Aligns content more consistently within the popover without altering interactions.
• No changes to functionality, data, or behavior—purely a visual adjustment.

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 openshift-eng/jira-lifecycle-plugin repository.

[coderabbitai]

Actionable comments posted: 1

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 930f49a and 398146e.

📒 Files selected for processing (1)

• libs/ui-lib/lib/common/components/hosts/HostStatus.tsx (1 hunks)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (6)

• GitHub Check: unit-tests
• GitHub Check: lint
• GitHub Check: format
• GitHub Check: circular-deps
• GitHub Check: tests
• GitHub Check: translation-files

[openshift-ci-robot]

@jgyselov: This pull request references MGMT-21833 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the bug to target the "4.21.0" version, but no target version was set.

Details

In response to this:

https://issues.redhat.com/browse/MGMT-21833

Since the Hardware/Network/Operator text is smaller, I think we can have them closer to each other.

Before:

After:

Summary by CodeRabbit

• Style
• Updated Host Status popover layout: details now render in their own conditional block and validation groups are placed in a separate container for clearer separation.
• Improves spacing and visual hierarchy for validation items without changing interactions, data, or behavior.

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 openshift-eng/jira-lifecycle-plugin repository.

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: ammont82, jgyselov

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

The pull request process is described here

Details

Needs approval from an approver in each of these files:

• OWNERS [ammont82,jgyselov]

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

[openshift-cherrypick-robot]

@jgyselov: new pull request created: #3205

Details

In response to this:

/cherry-pick releases/v2.46

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-sigs/prow repository.