Para align misbehaviour

[arjunmenon]

Hey
The para align property does not align elements, left and right, as expected

Shouldn't the right align, push the para to the window edge?
Alternatively, using right: 0 shoves it way past the window edge

hash_items = {:apple => "fruit", :ball => "toy", "cat" => "animal", :dog => "animal", :egg => "food"}

Shoes.app(:title => "Shoes APp", :width => 350, :height => 500, :resizable => false) do	
	stack(margin: 10, width: "100%") do
		border black, strokewidth: 5
		hash_items.each do |k,v|
			flow do
				border red, strokewidth: 5
				para k, :align => "left"
				para v, :align => "right" # , :right => 0
			end
		end		
	end
end

EDIT - on elementary 0.4.1, ubuntu 16.04

[ccoupe]

There is a related? bug for Shoes 4 #1559 which looks like this in Shoes3 - this script,

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

[ccoupe]

The second example shows that right-align works for text in the para. You can also comment the #para k, align: "left" and right is correct. Shoes has a habit of merging para in some situations and I suspect that is what is happening here. This script almost gets it - flow is tricky when it overflows.

hash_items = {:apple => "fruit", :ball => "toy", "cat" => "animal", :dog => "animal", :egg => "food"}

Shoes.app(:title => "Shoes APp", :width => 350, :height => 500 ) do
    stack(margin: 10, width: "100%") do
        border black, strokewidth: 5
        hash_items.each do |k,v|
            flow do
                border red, strokewidth: 5
                stack width: 200 do
                  para k, align: "left"
                end
                stack width: 100 do
                  para v, align: "right"
               end
            end
        end
    end
end

[arjunmenon]

This will do. Thanks,