From 8eee281e25e72b45ed96755026b80fa48b758eab Mon Sep 17 00:00:00 2001
From: Angus McLeod <angus@mcleod.org.au>
Date: Thu, 24 Jan 2019 11:44:19 +1100
Subject: [PATCH] location in wizard style improvements

---
 assets/stylesheets/wizard/wizard_custom.scss | 90 ++++++++++++++++++++
 config/locales/client.en.yml                 |  8 ++
 2 files changed, 98 insertions(+)

diff --git a/assets/stylesheets/wizard/wizard_custom.scss b/assets/stylesheets/wizard/wizard_custom.scss
index ff347aa7..44abae95 100644
--- a/assets/stylesheets/wizard/wizard_custom.scss
+++ b/assets/stylesheets/wizard/wizard_custom.scss
@@ -586,10 +586,100 @@ img.avatar {
   }
 }
 
+/* Location Specific Styles */
+
 .location-selector-container {
   width: 350px;
 }
 
+.location-form {
+  display: flex;
+
+  .title {
+    font-weight: 700;
+  }
+
+  .address {
+    padding-right: 20px;
+  }
+
+  .coordinates {
+    .control-group {
+      display: block;
+
+      .controls {
+        display: flex;
+        width: 100%;
+
+        input {
+          width: 100px;
+        }
+      }
+
+      .icon {
+        margin-left: 10px;
+        display: inline-block;
+      }
+    }
+
+    .icon img {
+      max-width: 30px;
+    }
+  }
+
+  .address + .coordinates {
+    border-left: 1px solid #eee;
+    padding-left: 20px;
+  }
+}
+
+.location-form-instructions {
+  color: #919191;
+  margin: 5px 0;
+  font-size: 80%;
+  line-height: 1.4em;
+
+  a {
+    text-decoration: underline;
+  }
+}
+
+.location-form, .add-location {
+  overflow: visible;
+
+  .control-group {
+    display: inline-block;
+    vertical-align: top;
+    margin-right: 20px;
+    margin-top: 10px;
+
+    .instructions {
+      @extend .location-form-instructions;
+    }
+  }
+
+  .location-search {
+    display: block;
+    margin: 15px 0;
+  }
+
+  .geo-map {
+    height: 400px;
+  }
+}
+
+.add-location + .modal-footer .clear {
+  margin: 5px 10px;
+}
+
+input.input-location, div.input-location {
+  max-height: 150px;
+  background-color: $secondary;
+  box-shadow: none;
+  box-sizing: border-box;
+  margin: 0;
+}
+
 /* IE11 hacks */
 @media all and (-ms-high-contrast:none)
 {
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index c9bb1b29..d1648691 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -144,6 +144,13 @@ en:
       city:
         title: "City, Town or Village"
         desc: "e.g. Sydney"
+      coordinates: "Coordinates"
+      lat:
+        title: "Latitude"
+        desc: "e.g. -31.9456702"
+      lon:
+        title: "Longitude"
+        desc: "e.g. 115.8626477"
       country_code:
         title: "Country"
         placeholder: "Select a Country"
@@ -163,6 +170,7 @@ en:
         street: "Please enter a Number and Street."
         postalcode: "Please enter a Postal Code (Zip)."
         countrycode: "Please select a country."
+        coordinates: "Please complete the set of coordinates."
         geo_location: "Search and select a result."
 
     select_kit: