move zoom control

8 years ago · a500b5fa0f
--- a/compass/public/assets/map.css
+++ b/compass/public/assets/map.css
@ -2,6 +2,11 @@ html, body, #map {
  height: 100%;
 }

 .leaflet-top .leaflet-control-zoom {
  margin-top: 60px;
  margin-left: 26px;
 }

 table.calendar {
  width: 100%;
 }
--- a/compass/public/assets/map.js
+++ b/compass/public/assets/map.js
@ -5,7 +5,7 @@ layer.maxZoom = 24;
 layer.maxNativeZoom = 24;
 layer.addTo(map);

 new L.Control.Zoom({ position: 'bottomleft' }).addTo(map);
 new L.Control.Zoom({ position: 'topleft' }).addTo(map);

 var geojsonLineOptions = {
  color: "#0033ff",
--- a/compass/resources/views/layouts/map.blade.php
+++ b/compass/resources/views/layouts/map.blade.php
@ -6,10 +6,10 @@
    <link rel="stylesheet" href="/assets/pure-min.css">
    <link rel="stylesheet" href="/assets/font-awesome-4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/assets/styles.css">
    <link rel="stylesheet" href="/assets/map.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="/assets/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="/assets/leaflet-0.7.3/leaflet.css" />
    <link rel="stylesheet" href="/assets/map.css">
  </head>
  <body>