align:'right' breaks text elements flow

[lmrodriguezr]

The align: 'right' option for text boxes (e.g., para, title, tagline) appears to break the vertical flow of the element. Interestingly, this doesn't seem to be the case with align: 'center'. It's also not the case when explicitly passing the default align: 'left'.

Here is a tiny app that reproduces the problem:

Shoes.app height: 200, width: 200 do
  stack do
    title 'Center', align: 'center'
    para 'Default'
    para 'Default'
    para 'right-aligned 1', align: 'right'
    para 'right-aligned 2', align: 'right'
    para 'left-aligned 1', align: 'left'
    para 'left-aligned 2', align: 'left'
    para 'centered 1', align: 'center'
    para 'centered 2', align: 'center'
  end
end

---

Cheers!

[jasonrclark]

Great catch @lmrodriguezr, and a nice simple sample app to demonstrate it. I've had to take some time off shoes for some eye issues, but am hoping to hop back in soon and will take a look at this.