OK...here's how you do it.

I can't find the CSS code for it, but I used Firebug to find it's name in the finished page...and here's the way to change it... roughly:

If the field name on the form is, for example, "companyname" ... the editable field will be called "companyname_edit" in the page with the editable widget attached. Somewhere along the line it is given a width of say, 127px.

Add a CSS rule called #companyname_edit to your main stylesheet, and add the width parameter of say, 400px, and add the !important; at the end. This will make it the width you want.

So - the css will look like this:

#companyname_edit {
width: 500px!important;
}

That did it for me. I was determined to figure it out, and I can't imagine that the arent LOTS of people trying to figure this out too. Hope this helps SOMEONE.

Neil