Improve close/hide icons usage

 map.css

@@ -17,6 +17,19 @@
    right: auto;
}

.close, .hide {
    float: right;
    cursor: pointer;
    font-size: 1.5em;
    padding-left: 1em;
    color: black;
}
#fail .close {
    font-size: inherit;
    height: 1em;
    color: black;
}

.panel {
    opacity: .85;
    color: black;
@@ -37,9 +50,9 @@
.panel.expanded {
    right: 0;
}

.panel .hide {
    display: none;
    padding: 0px 1em;
}
.panel.enabled .hide {
    display: block;
@@ -76,17 +89,6 @@
        right: 80%;
        margin-right: 10px;
    }
}

.close, .hide {
    float: right;
    cursor: pointer;
    font-size: 20px;
    padding: 0px 10px;
}
#fail .close {
    font-size: inherit;
    height: 1em;
}
.panel .type {
    padding-bottom: 0;
@@ -220,7 +222,7 @@
    display: none;
}

a {
a, .close:hover, .hide:hover {
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;

 map.js

@@ -82,12 +82,12 @@
    this._element = element;
    this._element.classList.add('panel');
    
    this._hide = addParaWithText(this._element, '▶');
    this._hide = addElementWithText(this._element, 'a', '▶');
    this._hide.title = lang.action_collapse;
    this._hide.className = 'hide';
    this._hide.addEventListener('click', this.toggleExpanded.bind(this));
    
    this._close = addParaWithText(this._element, '×');
    this._close = addElementWithText(this._element, 'a', '×');
    this._close.title = lang.action_close;
    this._close.className = 'close';
    this._close.addEventListener('click', this.close.bind(this));