diff --git a/index-mapml-viewer.html b/index-mapml-viewer.html
index d7fb1eb45..3312310f6 100644
--- a/index-mapml-viewer.html
+++ b/index-mapml-viewer.html
@@ -54,7 +54,7 @@
-
+
diff --git a/src/mapml.css b/src/mapml.css
index b19d290ba..208146341 100644
--- a/src/mapml.css
+++ b/src/mapml.css
@@ -38,19 +38,27 @@
/*
* Controls.
*/
+
+ .leaflet-top .leaflet-control {
+ margin-top: 5px;
+ }
+
+ .leaflet-left .leaflet-control {
+ margin-left: 5px;
+ }
.leaflet-bar a {
box-sizing: border-box;
- width: 30px !important;
- height: 30px !important;
- line-height: 30px !important;
- font-size: 24px !important;
+ width: 44px !important;
+ height: 44px !important;
+ line-height: 44px !important;
+ font-size: 34px !important;
font-weight: normal;
}
.leaflet-control-layers-toggle {
- width: 36px !important;
- height: 36px !important;
+ width: 44px !important;
+ height: 44px !important;
}
.leaflet-bar a,
@@ -103,12 +111,12 @@
*/
.leaflet-control-fullscreen a {
- background-size: 30px 60px !important;
- background-position: 0 0 !important;
+ background-size: 38px 76px !important;
+ background-position: 3px 3px !important;
}
.leaflet-fullscreen-on .leaflet-control-fullscreen a {
- background-size: 30px 60px !important;
- background-position: 0 -30px !important;
+ background-size: 38px 76px !important;
+ background-position: 3px -35px !important;
}
/*
@@ -116,8 +124,8 @@
*/
.leaflet-control-layers.leaflet-control {
- margin-right: 10px;
- margin-left: 10px;
+ margin-right: 5px;
+ margin-left: 5px;
padding: 0;
}
diff --git a/src/mapml/layers/DebugLayer.js b/src/mapml/layers/DebugLayer.js
index b4321a111..b2a14db17 100644
--- a/src/mapml/layers/DebugLayer.js
+++ b/src/mapml/layers/DebugLayer.js
@@ -20,8 +20,8 @@ export var DebugOverlay = L.Layer.extend({
this._container.style.zIndex = 10000;
this._container.style.position = "absolute";
this._container.style.top = "auto";
- this._container.style.bottom = "10px";
- this._container.style.left = "10px";
+ this._container.style.bottom = "5px";
+ this._container.style.left = "5px";
this._container.style.right = "auto";
}