Feature Request: Span supporting alignment

Please, provide the details below:

Did you verify this is a real problem by searching Stack Overflow and the other open issues in this repo?

Yes

Tell us about the problem

Please, ensure your title is less than 63 characters long and starts with a capital letter.

Which platform(s) does your issue occur on?

Android – confirmed

Please provide the following version numbers that your issue occurs with:

Lasted CLI, runtime, core-modules

Please tell us how to recreate the issue in as much detail as possible.

<Button row="3" col="1" class="action-button" tap="{{ $parents['ListView'].onReplyTap }}">
            <FormattedString>
                  <Span text="&#xE0CB; " class="mdi"></Span>
                   <Span text="{{ reply_count }}"></Span>
            </FormattedString>
</Button>

Given the above layout, using spans for positioning a font icon next to the text inside a button. It would be nice to have a way to shift the alignment of the span. The font icon is slightly offset vertically compared to the string text. I’ve looked through the span source and seen the limited list of styling props available. If this isn’t simply achievable, maybe an explanation on the limitation so the documentation can be improved in this area as well. I’m sure I can’t be the only one who’s tried this approach and noticed it 😄 so if there are limitations at least having it documented for new NS devs would be nice 👍 look forward to hearing more info. Thanks as always 🤗

Below is screen demonstrating the offset:

<bountysource-plugin>

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource. </bountysource-plugin>

[Eonfuzz]

Any progress on this FR?

[EddyVerbruggen]

@hshristov Thanks, don’t worry about it.

@kamok You can prefix the second Span with spaces (<Span [text]="' '" + route.text"></Span>), or use fi. srtyle="margin-right: 10 to the first Span.