* { margin: 0; padding: 0; } body { height: calc(100vh - 1em); width: calc(100% - 1em); margin: auto; display: grid; grid-template-rows: 1fr 5em; } #map { /* height: calc(100vh - 5em); width: 100%;*/ } #tools { display: grid; grid-template-columns: 100px 1fr 2fr; height: 5em; width: 100%; } #draw { } #draw-polygon > img { object-fit: none; object-position: -60px 0; width: 60px; height: 60px; margin-left: 1em; } #settings { } #pattern { } #separator { width: 2em; } #result { } #output { width: 100%; height: 100%; } .leaflet-draw-toolbar { display: none !important; }