From 20d39de5e834bbff7a891c1d131691aae5c00797 Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Sun, 07 Jul 2019 19:53:13 +0000 Subject: [PATCH] Fix icons styling, remove redundant CSS entries --- map.js | 2 +- map.html | 2 +- map.css | 15 ++++++++------- 3 files changed, 10 insertions(+), 9 deletions(-) diff --git a/map.css b/map.css index caf2ea8..db4693f 100644 --- a/map.css +++ b/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; diff --git a/map.html b/map.html index a99816f..8e218d0 100644 --- a/map.html +++ b/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> diff --git a/map.js b/map.js index ace3baa..979cdd9 100644 --- a/map.js +++ b/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) { -- Gitblit v1.9.1