Load leaflet CSS before our styles

This way we don't have to use the `!important` flag to override styles.

app/assets/stylesheets/application.scss

@@ -3,6 +3,7 @@
 @import "fonts";
 @import "font-awesome-sprockets";
 @import "font-awesome";
+@import "leaflet";
 @import "icons";
 @import "mixins/*";
 @import "admin";
@@ -29,7 +30,6 @@
 @import "jquery-ui/autocomplete";
 @import "autocomplete_overrides";
 @import "jquery-ui/sortable";
-@import "leaflet";
 @import "sticky_overrides";
 @import "tags";
 @import "admin/**/*";

app/assets/stylesheets/layout.scss

@@ -2596,25 +2596,25 @@ table {
 .leaflet-bar a {
 
   &.leaflet-disabled {
-    color: #525252 !important;
+    color: #525252;
   }
 }
 
 .leaflet-container {
 
   .leaflet-control-attribution {
-    background: rgba(255, 255, 255, 0.9) !important;
+    background: rgba(255, 255, 255, 0.9);
   }
 
   a {
-    color: $link !important;
+    color: $link;
   }
 }
 
 .leaflet-bottom,
 .leaflet-pane,
 .leaflet-top {
-  z-index: 4 !important;
+  z-index: 4;
 }
 
 // 24. Homepage