Fix attribution width

diff --git a/app/assets/javascripts/leaflet.customzoom.js b/app/assets/javascripts/leaflet.customzoom.js
index 78b19f6ffdeb4fa1e02587877d36e8df31842e64..091a97199852f1105ae1139c66695484a5da71fb 100644 (file)
--- a/app/assets/javascripts/leaflet.customzoom.js
+++ b/app/assets/javascripts/leaflet.customzoom.js
@@ -36,7 +36,7 @@ L.Control.CustomZoom = L.Control.extend({
        },
 
        _createButton: function (html, title, className, container, fn, context) {
-               var link = L.DomUtil.create('a', className, container);
+               var link = L.DomUtil.create('a', 'control-button ' + className, container);
                link.innerHTML = html;
                link.href = '#';
                link.title = title;

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index f9a6c8b9e15d2dd1cec38e635e5c0c167d0bb05c..3b017138f6712b524a9d104e795f12fdd4951bb5 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -544,7 +544,7 @@ a.donate {
 
 /* Rules for Leaflet maps */
 
-.leaflet-control a {
+.leaflet-control .control-button {
   display: block;
   height: 40px;
   width: 40px;
@@ -554,29 +554,29 @@ a.donate {
   margin-bottom: 10px;
 }
 
-.leaflet-control a.zoomin,
-.control-layers a,
-.control-note a {
+.leaflet-control .zoomin,
+.control-layers .control-button,
+.control-note .control-button {
   margin-bottom: 0px;
   border-radius: 4px 4px 0px 0px;
 }
 
-.leaflet-control a.zoomout {
+.leaflet-control .zoomout {
   margin-bottom: 0px;
   border-radius: 0px;
 }
 
-.control-locate a,
-.control-key a,
-.control-share a {
+.control-locate .control-button,
+.control-key .control-button,
+.control-share .control-button {
   border-radius: 0px 0px 4px 4px;
 }
 
-.leaflet-control a:hover {
+.leaflet-control .control-button:hover {
   background-color: white;
 }
 
-.leaflet-control a .icon {
+.leaflet-control .control-button .icon {
   margin: 10px;
 }