clearer translate UI.

css/app.css

@@ -1257,6 +1257,10 @@ input[type=number] {
 .form-field .localized-wrap .entry {
     position: relative;
     overflow: hidden;
+    background: #f1f1f1;
+    border: 1px solid #ccc;
+    border-width: 0;
+    border-radius: 4px;
 }
 
 .form-field .localized-wrap .entry::before {
@@ -1264,11 +1268,11 @@ input[type=number] {
     display: block;
     position: absolute;
     background:#ccc;
-    height: 10px;
+    height: 11px;
     width: 1px;
     left: 0;
     right: 0;
-    top: 0;
+    top: -11px;
     margin: auto;
 }
 

js/id/ui/preset/localized.js

@@ -135,16 +135,21 @@ iD.ui.preset.localized = function(field, context) {
             });
 
         innerWrap.transition()
-            .style('max-height', '0px')
-            .style('padding-top', '0px')
+            .style('margin-top','0')
+            .style('max-height', '0')
+            .style('padding', '0')
             .style('opacity', '0')
+            .style('border-width', '0')
             .transition()
             .duration(200)
-            .style('padding-top', '10px')
+            .style('margin-top','10px')
+            .style('border-width', '1px')
+            .style('padding', '10px')
             .style('max-height', '240px')
             .style('opacity', '1')
             .each('end', function(d) {
                 d3.select(this).style('max-height', '');
+                d3.select(this).style('overflow', 'visible');
             });;
 
         wraps.exit()