nakarte

commit 509a9606c43ecf3814bc1ea68a7c96756d0c8b12
parent e2ca3031ebc2a93a1e5ba8e830710b84e6c59508
Author: Igor Sidorov <igor.sidorov@onapp.com>
Date:   Wed,  6 Jun 2018 09:17:01 +0300

UI fixes

Diffstat:
M
src/lib/leaflet.control.coordinates/coordinates.css
 | 
22
+++++++++++++++++++++-
M
src/lib/leaflet.control.coordinates/formats.js
 | 
2
+-
M
src/lib/leaflet.control.coordinates/index.js
 | 
9
+++++----

3 files changed, 27 insertions(+), 6 deletions(-)
diff --git a/src/lib/leaflet.control.coordinates/coordinates.css b/src/lib/leaflet.control.coordinates/coordinates.css
@@ -10,8 +10,28 @@
     cursor: crosshair;
 }
 
-.leaflet-coordinates-menu-fmt{
+.leaflet-coordinates-menu-fmt {
     color: #aaa;
     margin-left: 0.5em;
     float: right;
 }
+
+.leaflet-coordinates-container {
+    padding: 3px 5px;
+}
+
+.leaflet-coordinates-format {
+    padding: 2px 0;
+}
+
+.leaflet-coordinates-format-radio {
+    margin-top: -1px;
+    vertical-align: middle;
+}
+
+.leaflet-coordinates-divider {
+    border: none;
+    border-top: 1px solid #eee;
+    margin-top: 0px;
+    margin-bottom: 6px;
+}
diff --git a/src/lib/leaflet.control.coordinates/formats.js b/src/lib/leaflet.control.coordinates/formats.js
@@ -29,7 +29,7 @@ function parseLatLng(signedDegrees, isLat) {
         degrees:       pad(degrees, degreesPadding, 5),
         intDegrees:    pad(intDegrees, degreesPadding),
         minutes:       pad(minutes, 2, 3),
-        intMinutes:    pad(minutes, 2),
+        intMinutes:    pad(intMinutes, 2),
         seconds:       pad(seconds, 2, 2),
         direction
     };
diff --git a/src/lib/leaflet.control.coordinates/index.js b/src/lib/leaflet.control.coordinates/index.js
@@ -63,15 +63,16 @@ L.Control.Coordinates = L.Control.extend({
             this._link = link;
 
             barContainer.innerHTML = `
-                <div data-bind="with: formattedCoordinates()">
+                <div class="leaflet-coordinates-container" data-bind="with: formattedCoordinates()">
                     <span data-bind="html: lat"></span>
                     &nbsp;
                     <span data-bind="html: lng"></span>
                 </div>
+                <hr class="leaflet-coordinates-divider" />
                 <div data-bind="foreach: formats">
-                    <div>
+                    <div class="leaflet-coordinates-format">
                         <label>
-                            <input type="radio" data-bind="checked: $parent.formatCode, value: code" />
+                            <input type="radio" data-bind="checked: $parent.formatCode, value: code" class="leaflet-coordinates-format-radio"/>
                             <span data-bind="html: label"></span>
                         </label>
                     </div>
@@ -131,7 +132,7 @@ L.Control.Coordinates = L.Control.extend({
                     text: `${coordinates} <span class="leaflet-coordinates-menu-fmt">${format.label}</span>`,
                     callback: () => copyToClipboard(coordinates, e.originalEvent)
                 }, options);
-            }
+            };
 
             const header = createItem(this.format(), {
                 text: '<b>Copy coordinates to clipboard</b>',