There's a "Code" button in the message editor that helps make stuff like what you did more readable.
Rather than use ui:repeat, it looks like you should use a dataTable:
The less raw HTML in a JSF View, the better. I usually use either a 1-column panelGrid or something like RichFaces panel control where you used div, BTW. Or, since the dataTable is itself a block element, I could have just attached the "id=" attribute to the dataTable directly.
Note also that I moved all the style info into column classes. That makes it easier to "skin" the View
An IDE is no substitute for an Intelligent Developer.