[#1640] dashboard overlapping text (connects #1640)

[singharpita]

No description provided.

[lmmrssa]

Looks good with the margin but found that whole tile gets affected by height of one item which is happening on master branch as well. So could you also fix it along with this PR.

[paulbert]

Added some spacing for readability and changed how the height is set to preserve the vertical centering of the text.

After looking at this, I think there isn't a pure CSS solution. The text needs to be vertically centered when it doesn't overflow, but aligned to top when it does.

[lmmrssa]

Text is still overlapped by remove icon

[lmmrssa]

@dogi @paulbert changes made will add margin to top and center text based on remaining height. But it will still only show center part of the title. Couldn't find conditional styling that can be implemented based on content height.

[paulbert]

@lmmrssa That last commit again messes up the vertical alignment of the text because it only adds margin-top.

Since there isn't a pure CSS solution, I think we should not bother modifying the span tag and handle the margin with JS

[lmmrssa]

@paulbert reverted back the changes

[paulbert]

Closing. This doesn't really improve upon the issue.