.u-mg-griditems {
    height: 100%;
    overflow: scroll;
}

.u-mg-griditem {
    box-sizing: border-box;
    padding: 0 0.5rem 0.5rem 0.5rem;
}
.u-mg-row {
    box-sizing: border-box;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* for charts that give large px causes to go off screen */
.u-mg-griditem >div> canvas {
    height: 77vh!important;
}

@media (orientation: landscape) {
    .u-mg-griditem >div> canvas {
        height: 60vh!important;
    }
    .u-mg-row{
        display: none;
    }
}