XXX - layout magic

Author: mvollmer

src/components/vm/consoles/consoles.css

@@ -6,6 +6,7 @@
 .pf-v5-c-console__vnc > div > div {
     inline-size: 100%;
     block-size: 100%;
+    max-block-size: 100%;
 }
 
 .pf-v5-c-console {
@@ -47,9 +48,27 @@
 }
 
 .consoles-card {
-    height: 100%;
+    block-size: 100%;
+    max-block-size: 100%;
+}
+
+.consoles-page-expanded .pf-v5-c-console {
+    display: block;
+}
+
+.consoles-page-expanded .pf-v5-c-console__vnc {
+    margin-bottom: 15px;
+}
+
+.consoles-page-expanded .consoles-card .pf-v5-c-card__body {
+    /* 24px + 36px + 16px = card header height (padding-top + title line height + paddin-bottom) */
+    max-block-size: calc(100% - (24px + 36px + 16px));
 }
 
 .consoles-card .pf-v5-c-card__footer:empty {
   display: none;
 }
+
+.consoles-card .pf-v5-c-console__serial {
+    block-size: 100%;
+}