Enhance file section when file name is too big

[nujovich]

Description

The application now will have an enhanced user experience while navigating through Files Section when the file name is too large

Mobile:

Desktop:

Even when the file name is not that large, for mobile devices the Ellipsis truncation is done for better visualization:

Fixes #56

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[anomic30]

Hi @nujovich, as you can see these are not aligned:

[nujovich]

Hi @nujovich, as you can see these are not aligned:

Oops ! Nice catch. Let me work on that.

[anomic30]

Hi @nujovich, is it fixed now?

[nujovich]

Hi @anomic30! I haven't had the chance to look at it. I will upload the fix shortly. Will let you know as soon as the commit is made

[nujovich]

Now's looking better @anomic30 !

[anomic30]

LGTM!