From 66c19aed155b3fcbdcdf324d8b5dc824115a296a Mon Sep 17 00:00:00 2001
From: saman bb <samanpwbb@gmail.com>
Date: Tue, 26 Mar 2013 23:56:43 -0400
Subject: [PATCH] redesign radio buttons in preset form.

---
 css/app.css        | 22 +++++++++++-----------
 js/id/ui/preset.js |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/css/app.css b/css/app.css
index 36b52075c..65047ffd6 100644
--- a/css/app.css
+++ b/css/app.css
@@ -302,11 +302,12 @@ a.hide {
 /* Buttons */
 
 button {
+    text-align: center;
+    font-weight:bold;
     line-height:20px;
     border:0;
     background: white;
     color:#333;
-    font-weight:bold;
     font-size:12px;
     display: inline-block;
     height:40px;
@@ -1053,33 +1054,32 @@ input[type=number] {
 
 /* Preset form radio button */
 
+
 .radio-wrap {
     display: block;
-    box-sizing: border-box;
-    color: #999;
     overflow: hidden;
+    border-radius: 0 0 4px 4px;
 }
 
 .radio-wrap button {
+    text-align: left;
     font-weight: normal;
     padding: 2px 5px;
     height: 30px;
     border-radius: 0;
-    border-right: 1px solid #CCC;
-    width: 22.5%;
+    border-bottom: 1px solid #CCC;
     color: #7092FF;
+    width: 100%;
+}
+
+.radio-wrap button:last-child {
+    border-bottom: 0;
 }
 
 .radio-wrap button.active {
     background-color: #E8EBFF !important;
 }
 
-.radio-wrap button:last-child {
-    border-right: 0;
-    width: 10%;
-    padding: 0;
-}
-
 /* Preset form address */
 
 .form-field .addr-housename {
diff --git a/js/id/ui/preset.js b/js/id/ui/preset.js
index 2d1e368fb..b3daef5b0 100644
--- a/js/id/ui/preset.js
+++ b/js/id/ui/preset.js
@@ -109,7 +109,7 @@ iD.ui.preset = function(context, entity, preset) {
             .transition()
             .duration(200)
             .style('padding-top', '20px')
-            .style('max-height', '200px')
+            .style('max-height', '240px')
             .style('opacity', '1');
 
         var label = enter.append('label')