feat: fixed notification text overlapping

[VaibhavUpreti]

Fixes #3333

Describe the changes you have made in this PR -

Minor changes in CSS

Screenshots of the changes (If any) -

Before fix

Fixed screen

Note: Please check Allow edits from maintainers. if you would like us to assist in the PR.

[coveralls]

Coverage remained the same at 82.034% when pulling 2c191f3 on VaibhavUpreti:notification-overlap into d27a74b on CircuitVerse:master.

[vedant-jain03]

cc @nitin10s

[vedant-jain03]

I tested it with the long name!

I am thinking of adding the unseen span at the beginning of the message
It will look something like this:

WDYT @VaibhavUpreti @tachyons @nitin10s

[VaibhavUpreti]

I tested it with the long name!

I am thinking of adding the unseen span at the beginning of the message It will look something like this:

WDYT @VaibhavUpreti @tachyons @nitin10s

I think it looks great 👍. This new approach looks good, I like it.

[vedant-jain03]

@VaibhavUpreti Could you add the suggested UI in #UX in the slack channel?

[VaibhavUpreti]

@vedant-jain03 made final changes after suggestions, kindly approve.

[VaibhavUpreti]

@nitin10s pls review

[vedant-jain03]

@VaibhavUpreti I have added a commit, try it out!

[VaibhavUpreti]

@VaibhavUpreti I have added a commit, try it out!

This solves our problem 👍

[vedant-jain03]

@VaibhavUpreti Could you please work on checks, this PR is ready to merge then!

[VaibhavUpreti]

@vedant-jain03 had to write some extra CSS as the notification modal and page were inconsistent ... here is the view after fix.

[codeclimate]

An error occurred when fetching issues.

View more on Code Climate.