/* Create a table-like structure for the components container
.components-container {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Style for regions (table header)
.component-container.is-group {
    display: table-header-group;
    background-color: #f5f5f5;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}

/* Style for services (table rows
.child-components-container {
    display: table-row-group;
}

/* Each service under a region as a row
.component-inner-container {
    display: table-row;
    width: 100%;
}

/* Individual service (cell) inside the row
.component-inner-container .name, 
.component-inner-container .component-status {
    display: table-cell;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
}

/* Hide collapse icons
.fa.group-parent-indicator {
    display: none;
}