Elements scrunched when wrapped with a `link`

[cmditch]

What I'm trying to do

Have a menu bar of link wrapped buttons e.g., link "www.google.com" <| button.... Here is a screen shot of plain old buttons Here is code for this in action.

What I did & What Actually Happened

Here is the code and resulting output when the buttons are wrapped with a tags. Despite the parent of the link being width fill and all the buttons being width fill, height fill, this scrunching results.

I can see how it would be problematic, from an API design standpoint, to allow an attributes array for link elements. I'm definitely eager to hear a different technique to this achieve the menu bar buttons. I tried using el's instead of buttons, but the scrunching persists.

Thanks Coury

Versions

• Elm: 0.18
• style-elements: 4.2.1
• Browser: like Chrome 63.0.3239.84
• Operating System: macOS 10.13.2