div {
    box-sizing: border-box;
}

#radar {
    transform: scale( 2 );

    width: 550px;
    height: 210px;

    padding: 0;

    /* Temp border and pos  
    border: 1px solid black;*/

    position: absolute;
    margin: auto;
    
	top: 0;
	bottom: 0;
	left: 0;
    right: 0;
    
    background-color: rgb(30, 33, 38);

    display: grid;
    grid-template-columns: repeat( 7, auto );
}
    #radar > div {
        border: 1px solid orange;
        margin: 0;
    }

    #radar .modes {
        display: grid;
        grid-template-rows: 50% 50%;
    }
        #radar .modes .mode_text {
            font-family: Verdana;
            font-size: 10px;
            line-height: 27px;
            margin-left: 13px;
            color: white;
        }

    #radar .speeds {

    }

    #radar .dirs {

    }

    #radar .fast_modes {

    }

    #radar .fast_speeds {

    }

    #radar .fast_dirs {

    }

    #radar .patrol {
        
    }