Rearrange layer switcher assets

app/assets/javascripts/openlayers.js.erb

@@ -1,6 +1,6 @@
 //= require OpenLayers
 //= require OpenStreetMap
-//= require simplelayerswitcher
+//= require SimpleLayerSwitcher
 
 OpenLayers.Util.imageURLs = {
     "404.png": "<%= asset_path 'img/404.png' %>",

app/assets/openlayers/theme/default/SimpleLayerSwitcher.css.scss

@@ -0,0 +1,44 @@
+.SimpleLayerSwitcher {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  background: #fff;
+  border: 1px solid #ccc;
+  min-width: 150px;
+  background: #fff;
+}
+
+.SimpleLayerSwitcher a.basey {
+  display: block;
+  text-decoration: none;
+  color: #838383;
+  padding: 2px 5px 2px 20px;
+}
+
+.SimpleLayerSwitcher a.basey-on {
+  color: #000;
+  background-color: #fff;
+  background-image: image-url("theme/default/img/carat.png");
+  background-repeat: no-repeat;
+  background-position: 7px 9px;
+}
+
+.SimpleLayerSwitcher a.basey-off {
+  display: none;
+}
+
+.SimpleLayerSwitcher:hover a {
+  border-top: 1px solid #eee;
+}
+
+.SimpleLayerSwitcher a:hover {
+  background-color: #f5f5f5;
+}
+
+.SimpleLayerSwitcher:hover a:first-child {
+  border-top: none;
+}
+
+.SimpleLayerSwitcher:hover a.basey-off {
+  display: block;
+}

app/assets/openlayers/theme/default/style.css.scss

@@ -1,3 +1,7 @@
+/*
+ *= require theme/default/SimpleLayerSwitcher
+ */
+
 div.olMap {
     z-index: 0;
     padding: 0 !important;

app/assets/stylesheets/common.css.scss

@@ -1113,50 +1113,3 @@ abbr.geo {
     }
   }
 }
-
-/* Rules for the layer switcher */
-
-.SimpleLayerSwitcher {
-  position:absolute;
-  top:10px;
-  right:10px;
-  background:#fff;
-  border:1px solid #ccc;
-  min-width:150px;
-  background: #fff;
-}
-
-.SimpleLayerSwitcher a.basey {
-  display:block;
-  text-decoration:none;
-  color:#838383;
-  padding:2px 5px 2px 20px;
-}
-
-.SimpleLayerSwitcher a.basey-on {
-  color:#000;
-  background-color: #fff;
-  background-image: url('carat.png');
-  background-repeat: no-repeat;
-  background-position: 7px 9px;
-}
-
-.SimpleLayerSwitcher a.basey-off {
-  display:none;
-}
-
-.SimpleLayerSwitcher:hover a {
-  border-top:1px solid #eee;
-}
-
-.SimpleLayerSwitcher a:hover {
-  background-color:#f5f5f5;
-}
-
-.SimpleLayerSwitcher:hover a:first-child {
-  border-top:none;
-}
-
-.SimpleLayerSwitcher:hover a.basey-off {
-  display:block;
-}