jku-ba-react/src/css/maps.css

.wrapper{
  padding: 20px;
}

.map{
  clear: both;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.mapInfo{
  float: left;
  margin-bottom: 30px;
  width: 600px;
}

.mapTestContainer{
  display: flex;
}

.mapTime{
  order: 2;
}

.mapTest{
  order: 1;
  max-width: 620px;
}

.form-control{
  display: inline;
  width: auto;
  position: relative;
  top: 2px;
}

input[type="color"]{
  width: 50px;
  margin-left: 5px;
  margin-right: 10px;
}

.row div {
  padding: 0px;
}

.row div .custom-switch{
  padding-left: 3.0rem;
}

button{
  margin-right: 3px;
}

.controllers{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  place-items: flex-end;
}

.mapboxgl-ctrl-attrib.mapboxgl-compact{
  display: none;
}

.metrics{
  float: right;
}

.plot{
  width: 100%;
}

.table{
  min-width: 400px;
  max-width: 800px;
}