pb-schema.component.scss

/** @see additional styles in src/styles.css */

:host {
    display: block;
    width: 100%;
}

mat-card-header {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-top: 8px;
    color: white;

    &.side {
        margin-right: -32px;
    }

    mat-card-title {
        font-size: 16px !important;
        margin-bottom: 8px;
    }
}

mat-card-content {
    margin-top: 1em;
}

#pb-schema-toolbar {
    #add-basin {
        float: left;
    }
    #add-wall {
        float: left;
        margin-left: .5em;
    }
    .related-entity-title {
        vertical-align: middle;
        font-weight: bold;
        display: none; // @TODO show it in a way that doesn't make the buttons fall on the next line ?
    }
    .hyd-window-btns {
        text-align: right;

        #add-many-children {
            width: 3em;
            vertical-align: middle;
        }

        button.mat-icon-button {
            width: 32px;
        }
    }
}

#schema {
    margin-top: .5em;
    margin-bottom: .5em;
    text-align: center;
    overflow-x: scroll;
}

#schema::ng-deep #graphDiv {

    .node.wall, .node.basin {

        .label div {
            font-size: 12px;
        }