redesign radio buttons in preset form.

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 {

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')