Screencast: Field collection

Hi,

Thanks for this very latest screencast. I am using field collection on nearly all of my projects. Place where I get stuck is themeing the form of nested field collections. Default layout of the field collection fields on a form contains similar css classes and hard to handle when field collection has unlimited value and are nested.

For example: A candidate creates a cv on website using Profile 2 registration form.

-------------- Field collection: Profession -----------
select profession: dropdown menu
Select experience no. of years: drop down
-------------- Nested field collection: Skills for above profession --------
Select: skill from dropdown list related to above profession
Select: Skill leve ( basic, average, expert etc.)
Select: Last used (month / year)
***** Remove button for Skills f. collection**
**** Add another skill ***
***Remove button for profession f. collection****
*** Add another Profession f. collection**

My requirement is to theme all elements on one line and the should keep their position when a new instance is added. I tried using CSS but can only theme one instance of f. collection. When a new instance is added they fall back to default position. Not a good solution.

Please let me know if you have worked with render able elements with Display suite on forms? How can that help in this situation. I have seen a screencase by author of DS but that examplifies only CCK node edit form not profile 2 or f. collections.

Thanks, and waiting for more good stuff. :)