laser_stabilisation/pi/web/main.css

body{
	margin:0px;
    font-family: sans-serif;
    font-size: 12px;
}
#app{
	background: whitesmoke;
	width: 705px;
	height: 715px;
}
.spacing {
    height: 14px;
    margin-left: 10px;
    margin-right: 10px;
    border-right: 1px solid black;
    display: inline-block;
    /* position: relative; */
}
span{
	margin-bottom: 10px;
}
.row {
    /*display: flex;*/
    flex-direction: row;
    justify-content: space-evenly;
}


#tabs{
	height: 30px;
	font-size: 0px; /*Hack*/
	background: white;
}
.tab {
	font-size: 14px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 5px;
    border-right: 1px solid grey;
    padding-right: 14px;
    padding-left: 14px;
    background: white;
    box-shadow: inset 0px -2px 2px 0px rgb(243, 225, 225);
}
.tab.active{
	background: whitesmoke;
	box-shadow: none;
}

#boxInformation {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#graphs{
	height: 400px;
}

#longGraph, #waveformGraph{
	width:100%;
	height: 250px;
	margin: 10px;
	border: 1px solid black;
}

input[type="text"], input[type="number"]{
	width: 50px;
	margin-left: 10px;
}
input[type="text"]:disabled, input[type="number"]:disabled{
	background: rgba(0,0,0,0);
}
input[type="radio"], input[type="checkbox"]{
	margin-left: 10px;
}
.label {
    display: inline-block;
    color: rgb(115, 115, 115);
    font-style: italic;
}