Scaling issues with the EntityPagerDutyCard and EntityPagerDutySmallCard components

[simonkosina]

Describe the bug
There seem to be some scaling issues with the EntityPagerDutyCard and EntityPagerDutySmallCard when the screen size drops below medium size. The "Status", "Insights" and "Standards" cards shrink and don't fill out the whole row that's available as they do on larger screen sizes.

To Reproduce
Steps to reproduce the behavior:

1. Have the EntityPagerDutyCard or EntityPagerDutySmallCard integrated into the Backstage entity page as per official documentation.
2. Resize the browser window to a smaller size until the scaling of the "Status", "Insights" and "Standards" titles and cards breaks, they shrink and stop filling out the whole space that's available.

Expected behavior
I think the above mentioned cards should fill out the whole available space as they do on larger screen sizes, see the screenshots below. This would make the scaling more consistent across different screen sizes and the card titles more readable.

• EntityPagerDutyCard

• EntityPagerDutySmallCard

Screenshots
When the browser window is sufficiently small the cards shrink and don't fill out the space appropriately. You can also see there's no spacing between the card titles.

• EntityPagerDutyCard

• EntityPagerDutySmallCard

Desktop (please complete the following information):

• OS: Fedora Linux 40 (Workstation Edition)
• Browsers:
  • Chrome - Version 129.0.6668.100 (Official Build) (64-bit)
  • Firefox - 131.0.2 (64-bit)

Additional context
Let me know if you need any more information! 🙂

Thanks,
Simon