Nb Stepper Long Names Overlapping on Horizontal Alignment

[ionut-mugurel-cinjau]

Issue type

I'm submitting a ... (check one with "x")

• [ x] bug report
• [ ] feature request

Issue description

Current behavior: When defining multiple steps horizontally with long names and resize a bit the width of the window, the texts will overlap looking strange

Expected behavior: Steps should truncate their texts with "..." when screen size doesn't allow displaying entire description for each step.

Steps to reproduce: Create empty app and use NbStepper to display 5 steps with long names displayed horizontal and then resize the window.

Related code:

insert short code snippets here

Other information:

npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

<!--
Check your `package-lock.json` or locate a `package.json` in the `node_modules` folder.
-->