From 4776ca92ea47de2eaa66b2dc1f4ecb80edda3c6c Mon Sep 17 00:00:00 2001
From: Saman Bemel-Benrud <samanpwbb@gmail.com>
Date: Wed, 27 Mar 2013 20:08:10 -0400
Subject: [PATCH] styled 'start editing' button, closes 1177

---
 css/app.css                     | 10 +++++++++-
 js/id/ui/intro/start_editing.js | 23 ++++++++++++-----------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/css/app.css b/css/app.css
index bcfd0a441..b279236eb 100644
--- a/css/app.css
+++ b/css/app.css
@@ -2382,6 +2382,14 @@ div.typeahead a:first-child {
 }
 
 .huge-modal-button {
-    height: 180px;
     width: 100%;
+    height: auto;
+    padding: 20px;
+}
+
+.huge-modal-button .illustration {
+    height: 100px;
+    width: 100px;
+    background: rgba(0, 0, 0, 0) url(../img/sprite.png) no-repeat -301px -220px;
+    margin: auto;
 }
diff --git a/js/id/ui/intro/start_editing.js b/js/id/ui/intro/start_editing.js
index 289b521fd..ecb079500 100644
--- a/js/id/ui/intro/start_editing.js
+++ b/js/id/ui/intro/start_editing.js
@@ -32,19 +32,20 @@ iD.ui.intro.startEditing = function(context, reveal) {
 
             modal.selectAll('.close').remove();
 
-            modal.select('.content')
-                .append('div')
-                    .attr('class', 'fillL')
-                    .append('div')
-                        .attr('class','modal-section')
-                        .append('button')
-                            .attr('class', 'huge-modal-button')
-                            .on('click', function() {
+            var startbutton = modal.select('.content')
+                .attr('class', 'fillL')
+                    .append('button')
+                        .attr('class', 'modal-section huge-modal-button')
+                        .on('click', function() {
                                 event.startEditing();
                                 modal.remove();
-                            })
-                            .append('h2')
-                                .text(t('intro.startediting.start'));
+                        });
+
+                startbutton.append('div')
+                    .attr('class','illustration');
+                startbutton.append('h2')
+                    .text(t('intro.startediting.start'));
+
         }, 7500);
     };