Add spacing between the items inside the resource status label

And test this through a pixel test.

Fixes #1111

src/components/common/stateIcon.scss

@@ -1,3 +1,9 @@
+// Add some space between resource status and possible error state
+.resource-state-text .pf-v5-c-label__text {
+    display: flex;
+    gap: var(--pf-v5-global--spacer--xs);
+}
+
 .resource-state-text:first-child {
   // In definition lists (for Overview),
   // match text size and alignment

test/check-machines-lifecycle

@@ -276,6 +276,8 @@ class TestMachinesLifecycle(VirtualMachinesCase):
 
         # Try to run subVmTest1 - it will fail because of inactive default network
         tryRunDomain(1, 'subVmTest1', 'system')
+        b.wait_visible("#vm-subVmTest1-system-state-error")
+        b.assert_pixels("#virtual-machines-page", "main-page-vm-error")
         b.click('#vm-subVmTest1-system-state-error button:contains("view more")')
         b.wait_in_text(".pf-v5-c-popover", "VM subVmTest1 failed to start")
         b.click('#vm-subVmTest1-system-state-error button[aria-label=Close]')