faced with such a problem ... I have shifted the icons on the buttons ...

As noted, margin-left: 0; but under what condition I cannot understand ... and there must also be an indent above ...

PS: two blocks with a panorama have only such styles:

width: 48%; height: 330px; display: inline-block; vertical-align: top; 

enter image description here

    1 answer 1

    PS Corrected, but I think the theme can be useful ... I had a box-sizing style on: border-box ;, which is normal ... but for the icons I needed a box-sizing: content-box; those:

     .ymaps-2-1-62-islets_maps-button__icon { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } 
    • CSS styles are important for the API to work correctly, so you cannot redefine map styles. It is important to check that page styles do not affect the map. - Reni
    • and? Because of the map, I will not prescribe each element of box-sizing ... * [class $ = "- islets_maps-button__icon"] and the matter is resolved - FeST1VaL