@use "ct-card.scss";
@import "@patternfly/patternfly/base/patternfly-variables.scss";

/* Style the list cards as ct-cards */
.pf-v5-c-page__main-section .pf-v5-c-card {
    @extend .ct-card;
}

// PF4 issue https://github.com/patternfly/patternfly-react/issues/4612
// Mimic .pf-v5-c-table__action
#virtual-machines-listing td:last-child {
    --pf-v5-c-table--cell--Width: 1%;
}

// Expand the link to the container, for easier clickability
#virtual-machines-listing th a {
    display: block;
    text-align: start;
}

// Add spacing between buttons in the toolbar
.pf-v5-c-toolbar__item {
    gap: 0 var(--pf-v5-global--spacer--xs);
}

// HACK: the label has alig-self: flex-start which renders the State not in the middle.
// Seems fixed in 5.0.0!
.pf-v5-c-toolbar__item.pf-m-label {
    align-self: normal;
}
