fxLayoutGap puts the gap on the wrong side when using row-reverse

[adamdport]

<div fxLayout="row-reverse" fxLayoutGap="20px">
  <div>Right (margin is put on the right side of this<div>
  <div>Left<div>
</div>

Obviously fxLayoutGap should put the margin inbetween the divs, which switches when using row-reverse.

[yantrab]

The same problem with rtl direction.

[grapgrap]

The same problem with colume-reverse and fxFlexOrder.

example using fxFlexOrder

<div fxLayout="column" fxLayoutGap=".5em">
    <div fxFlex="1 1 auto" fxFlexOrder="2">
      <p>Left, Down</p>
    </div>
    <div fxFlex="1 1 auto" fxFlexOrder="1">
      <p>Rigth, Up</p>
    </div>
  </div>

[CaerusKaru]

For the record, as it currently stands, this is documented and expected behavior. From the docs:

fxLayoutGap does not respond to reveresed flow directions

That being said, I do believe it's behavior we should support, but perhaps not in the upcoming release.

[CaerusKaru]

This will be partially fixed in #667, and has been patched for RTL behavior. I'll try and fold in a fix for standard fxLayoutGap as part of beta.14 instead of beta.15 (since it's more in line with that release)