more work on new preset layout.

js/id/ui/preset.js

@@ -30,7 +30,7 @@ iD.ui.preset = function(context) {
             .data(preset.form)
             .enter()
             .append('div')
-            .attr('class', 'fr preset-section fillL inspector-inner col9');
+            .attr('class', 'preset-section fillL inspector-inner col12');
 
         sections.each(function(d) {
             var s = d3.select(this);

js/id/ui/preset/combo.js

@@ -1,18 +1,20 @@
 iD.ui.preset.combo = function(form) {
 
     var event = d3.dispatch('change', 'close'),
+        wrap,
         input;
 
     function combo(selection) {
 
+        wrap = this.append('span').attr('class', 'input-wrap-position');
 
-        input = this.append('input')
+        input = wrap.append('input')
             .attr('type', 'text')
             .on('change', change)
             .on('blur', change);
 
         var combobox = d3.combobox();
-        input.call(combobox);
+        wrap.call(combobox);
 
         if (form.options) {
             options(form.options);

js/id/ui/preset/radio.js

@@ -8,7 +8,9 @@ iD.ui.preset.radio = function(form) {
 
         selection.classed('preset-radio', true);
 
-        buttons = selection.selectAll('button')
+        var buttonwrap = selection.append('div').attr('class','radio-wrap');
+
+        buttons = buttonwrap.selectAll('button')
             .data(form.options)
             .enter()
             .append('button')
@@ -18,7 +20,7 @@ iD.ui.preset.radio = function(form) {
                     d3.select(this).classed('active', true);
                     change();
                 });
-        selection.append('button')
+        buttonwrap.append('button')
             .on('click', function() {
                 buttons.classed('active', false);
                 change();

js/id/ui/tag_editor.js

@@ -84,7 +84,7 @@ iD.ui.TagEditor = function(context) {
             .on('change', changeTags);
 
         var tageditorpreset = editorwrap.append('div')
-            .attr('class', 'inspector-preset cf fillL');
+            .attr('class', 'inspector-preset cf fillL col12');
 
         if (preset) {
             tageditorpreset.call(presetUI

js/id/ui/taglist.js

@@ -75,7 +75,9 @@ iD.ui.Taglist = function(context) {
                 event.change(taglist.tags());
             });
 
-        inputs.append('input')
+        inputs.append('span')
+            .attr('class', 'input-wrap-position')
+            .append('input')
             .property('type', 'text')
             .attr('class', 'value')
             .attr('maxlength', 255)