How to create custom (Image / Button) component that isn't ugly as sin?

[stucork]

@nathanguyette

The problem I have is this. I’m trying to create a custom row component, where there is an icon (an image) to the left of some button. All the implementations I’ve tried look terrible. Here is the abomination with the custom Sin form below the Messages component:

without getting into css:

• make sure that ‘sin’ has ‘wrap_on’ set to ‘never’
• add a FlowPanel
• add a LinearPanel to the FlowPanel and make it your desired image width by dragging it
• add an Image into the LinearPanel
• add a Button next to the LinearPanel