From ec4f4266ade33516ee9cdf6f18da442df855f051 Mon Sep 17 00:00:00 2001
From: Saman Bemel-Benrud <samanpwbb@gmail.com>
Date: Wed, 30 Jan 2013 11:27:03 -0500
Subject: [PATCH] fix overflow in commit dialog.

---
 css/app.css        | 11 +----------
 js/id/ui/commit.js |  1 +
 2 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/css/app.css b/css/app.css
index 440bed8e3..f69ba9a07 100644
--- a/css/app.css
+++ b/css/app.css
@@ -948,11 +948,11 @@ div.typeahead a:first-child {
     border:1px solid #ccc;
     background:#fff;
     max-height: 160px;
-    overflow: visible;
 }
 
 .commit-modal .warning-section .changeset-list  {
     margin-right: 20px;
+    overflow-x: visible;
 }
 
 .commit-section.modal-section {
@@ -961,15 +961,6 @@ div.typeahead a:first-child {
 
 .commit-section.modal-section:last-child { padding-bottom: 20px;}
 
-.commit-modal .changeset-list li {
-    position: relative;
-}
-
-.commit-modal .changeset-list li button {
-    position: absolute;
-    right: -30px;
-}
-
 .modal-section {
     padding: 20px;
 }
diff --git a/js/id/ui/commit.js b/js/id/ui/commit.js
index d883b1748..29cf64b2f 100644
--- a/js/id/ui/commit.js
+++ b/js/id/ui/commit.js
@@ -86,6 +86,7 @@ iD.ui.commit = function(map) {
             .on('click.cancel', function() {
                 event.cancel();
             });
+            cancelbutton.append('span').attr('class','icon close icon-pre-text');
             cancelbutton.append('span').attr('class','label').text('Cancel');
 
         var warnings = body.selectAll('div.warning-section')