.wrapper{ padding: 20px; } .map{ clear: both; float: left; margin-right: 20px; margin-bottom: 20px; } .mapInfo{ float: left; margin-bottom: 30px; } .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; } 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; } img{ width: 100%; }