From 01688f6528d6164b00f1a42d2c73587c117df6f9 Mon Sep 17 00:00:00 2001
From: Ansis Brammanis <ansis.brammanis@gmail.com>
Date: Mon, 4 Mar 2013 16:12:19 -0500
Subject: [PATCH] Add city address field

---
 css/app.css                |  6 ++++++
 js/id/ui/preset/address.js | 10 +++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/css/app.css b/css/app.css
index 981353388..74a8d3de6 100644
--- a/css/app.css
+++ b/css/app.css
@@ -703,10 +703,16 @@ div.combobox {
 .preset-input .addr-number {
     width: 20%;
     border-right: none;
+    border-bottom: none;
 }
 
 .preset-input .addr-street {
     width: 80%;
+    border-bottom: none;
+}
+
+.preset-input .addr-city {
+    width:100%;
 }
 
 /* tag editor */
diff --git a/js/id/ui/preset/address.js b/js/id/ui/preset/address.js
index 237694e38..f102715de 100644
--- a/js/id/ui/preset/address.js
+++ b/js/id/ui/preset/address.js
@@ -59,11 +59,19 @@ iD.ui.preset.address = function(context) {
 
         streetwrap.append('input')
             .property('type', 'text')
-            .attr('placeholder', 'Oak Street')
+            .attr('placeholder', 'Street')
             .attr('class', 'addr-street')
             .on('blur', change)
             .on('change', change);
 
+        selection.append('input')
+            .property('type', 'text')
+            .attr('placeholder', 'City')
+            .attr('class', 'addr-city')
+            .datum({ 'key': 'addr:city' })
+            .on('blur', change)
+            .on('change', change);
+
         streetwrap.call(d3.combobox().data(getStreets()));
     }