Move CSS to Webpack

Using both the asset pipeline and webpack is confusing
and leads to unpredictable results in production.

This commit moves all (S)CSS to Webpack under `app/javascript/scss`
so that we can test whether the development interface results
in a consistent production deployment.

In order to load the ForkAwesome fonts we used a long path:
`$fa-font-path: "../../../node_modules/fork-awesome/fonts";`
Not sure whether this works...

1 files changed, 12 insertions, 0 deletions

diff --git a/app/javascript/scss/components/_fonts.scss b/app/javascript/scss/components/_fonts.scss
new file mode 100644
index 0000000..2a921dc
--- /dev/null
+++ b/app/javascript/scss/components/_fonts.scss
@@ -0,0 +1,12 @@
+/* Override ForkAwesome font path to match Webpack's */
+$fa-font-path: '../media/fonts/';
+
+/* Align font icon with the marker's head */
+.extra-marker-svg i.fa {
+    position: absolute;
+    top: 9px;
+    font-size: 16px;
+    left: -2px;
+    right: 0px;
+    text-align: center;
+}