Fix icons styling, remove redundant CSS entries

 map.css

@@ -99,6 +99,13 @@
}
.panel .name {
    font-weight: bold;
    padding-bottom: 0;
}
.panel .name .icon {
    margin: -5px 0.2rem 0;
    text-indent: 2rem;
    font-size: 1.4rem;
    vertical-align: top;
}
.panel .vehicleInfo {
    font-size: 21px;
@@ -135,17 +142,11 @@
    float: right;
}

.addon-icon {
    margin-left: 0.2rem;
}
.normal-icon, .addon-icon {
    font-size: 1rem;
}
.icon, .icon-loc, .icon-pin, .icon-zoom {
    display: inline-block;
    height: 1em;
    width: 1em;
    text-indent: 1rem;
    text-indent: 1.5em;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;

 map.html

@@ -13,7 +13,7 @@
<div id="title" class="ol-unselectable ol-control"><a href="/">TTSS Kraków</a></div>
<div id="fail" class="ol-unselectable ol-control"><span></span> <span class="close">×</span></div>
<div id="menu" class="ol-unselectable ol-control">
<button id="find" type="button" title="Find"><span class="icon-zoom normal-icon reverse"></span></button>
<button id="find" type="button" title="Find"><span class="icon-zoom small reverse"></span></button>
<button id="track" type="button" title="GPS"><span class="icon-loc reverse"></span></button>
</div>
</div>

 map.js

@@ -675,7 +675,7 @@
        })}, 10);
    };
    showOnMapElement.addEventListener('click', showOnMapFunction);
    showOnMapElement.className = 'icon-pin addon-icon';
    showOnMapElement.className = 'icon icon-pin';
    showOnMapElement.title = lang.show_on_map;
    
    if(additional) {