add buttons for locations in Maldives (part of #863)

The underlying problem here is the target area is currently too small
for the geocoder to be useful: we're not really getting anything useful
back from the OSM geocoder within Fonadhoo. So I've manually located
the three villages on the island and added them as buttons... this is
really for interface because although one button for the whole island
is probably OK, basically it was just replicating the <h1> and wasn't
obvious (or sensible) that the user needed to hit a button at all..

If the project expands to more areas of the Maldives we can either take
those out or revert to the geocoder.

The same too-small-area logic makes the "locate me automatically" a
bit silly, so that's been dropped from the front page too.

1 files changed, 17 insertions, 0 deletions

diff --git a/web/cobrands/makemyisland/base.scss b/web/cobrands/makemyisland/base.scss
index 7e136bf52..7cf028ceb 100644
--- a/web/cobrands/makemyisland/base.scss
+++ b/web/cobrands/makemyisland/base.scss
@@ -20,3 +20,20 @@ body.mappage #site-header,
     @include background(none);
     background-color: $blue;
 }
+ 
+div#location-buttons {
+  margin: 1.333em auto;
+  .island-button {
+    margin:0 auto 1.5em auto;
+  }
+  a.front-page-button {
+    // @include button-reset(#FFD000, #cc9000, #aa7000, #300, #FFD000, #cc9000, #aa7000, #300);
+    @include button-reset($blue, darken($blue, 10%), darken($blue, 30%), white, $blue, darken($blue, 20%), darken($blue, 30%), white);
+    #front-main & {
+      text-decoration: none;
+    }
+    &:visited, &:hover {
+      color:white;
+    }
+  }  
+}