Abyss Web Server Console CSS Mod

/* Get wider and more comfortable columns in Hosts view */
div.wform_frame > div#_hosts_Pane > div.wform_item_name {
    text-align: center          !important;
    display:    table-row-group !important;

    width:      calc(100% - 1em - 5px) !important;
    max-width:  calc(100% - 1em - 5px) !important;
}

div.wform_frame > div#_hosts_Pane > div.wform_item_content,
div.wform_frame > div#_hosts_Pane > div.wform_item_content > span > div.wlist_frame > div.wlist_secondary_frame > table.wlist {

    width:      1100px !important;
    max-width:  1100px !important;
}

/* Get wider and more comfortable rows in URLRewrite */
table.wlist > thead > tr > td.wlist_item_content_head,
table.wlist > tbody > tr > td.wlist_item_content,
table.wlist > tfoot > tr > td.wlist_footer {
    width:          450px       !important;
    max-width:      450px       !important;

    overflow-wrap:  break-word  !important;
    white-space:    pre-wrap    !important;
}

div.wform_frame > div > div.wform_item_name {
    width:          100px       !important;
    max-width:      100px       !important;

    overflow-wrap:  break-word  !important;
    white-space:    pre-wrap    !important;
}

div.wform_frame > div > div.wform_item_name > label,
div.wform_frame > div > div.wform_item_name > label > a {
    /*
    display:        contents    !important;
    */
    text-align:     center      !important;

    display:        flex        !important;
    flex-direction: column      !important;
    align-items:    center      !important;

    padding:        0           !important;
}

/* Override console CSS to allow the CSS mods to work */
.wform_item_name, .wform_item_name_error {
    display:        flex        !important;
}