[UI] Increase vertical space.

[bantya]

Current Behavior

There's always room for improvement even in already perfect things.

This is the case hare. The icons above the snippet name in details area take important vertical space.

Demonstration

The delete icon and other icons in the details area are separated with huge gap in between.

Expected Behavior

Shifting the icon group to right besides the delete icon will clear up space which can then be used to accommodate the snippet name.

This will free some important vertical space which then can be useful in displaying long snippets.

System Info

References

#42

[bantya]

If snippet name is longer and cant accommodate the available horizontal space, it should be trimmed..

e.g. this-is-a-very-long-file-name-which-can-not-fit-in-a-single-line-for-demonstration.txt will be

this-is-a-very-long-file-name-which-can-not-fit-in-a-single-line-for-...     [icon group]