fix(notification): message alignment

[devrsi0n]

Description

Related Issue

Closed #538

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Checklist

• [ ] Unit tests and integration tests passed
• [ ] No reduction in test coverage
• [ ] Documentation is up to date (if appropriate)
• [ ] Related issues linked using fixes #number

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
chirpy	✅ Ready (Inspect)	Visit Preview	Nov 18, 2022 at 1:16PM (UTC)

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: f98177e03f23191ffac64345d4d1a1a42ee53a59

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[relativeci[bot]]

Job #1147: Bundle Size — 1.98MiB (-27.9%).

c706aa7(current) vs 9fe8b7e main#1144(baseline)

Metrics (4 changes)

	Current Job #1147	Baseline Job #1144
Initial JS	1MiB(-31.26%)	1.46MiB
Initial CSS	85.12KiB(+0.01%)	85.1KiB
Cache Invalidation	94.83%	0%
Chunks	49	49
Assets	58	58
Modules	1005	1005
Duplicate Modules	173	173
Duplicate Code	4.1%(-0.24%)	4.11%
Packages	85	85
Duplicate Packages	1	1

Total size by type (2 changes)

|            |       Current
[Job #1147](https://app.relative-ci.com/projects/rYoEVFddayylGRgFiBEd/jobs/1147-0FEZmmAss35J0s6YmaDf?utm_source=github&utm_medium=pr-report "View job report") |      Baseline
[Job #1144](https://app.relative-ci.com/projects/rYoEVFddayylGRgFiBEd/jobs/1144-vmojVP1bfvi6VoRF1mFJ?utm_source=github&utm_medium=pr-report "View baseline job report") | |:--|--:|--:| | [CSS](https://app.relative-ci.com/projects/rYoEVFddayylGRgFiBEd/jobs/1147-0FEZmmAss35J0s6YmaDf/assets?ba=%7B%22filters%22%3A%7B%22ft.CSS%22%3Atrue%2C%22ft.JS%22%3Afalse%2C%22ft.IMG%22%3Afalse%2C%22ft.MEDIA%22%3Afalse%2C%22ft.FONT%22%3Afalse%2C%22ft.HTML%22%3Afalse%2C%22ft.OTHER%22%3Afalse%7D%7D "View all CSS assets") | `88.18KiB` (`+0.01%`) | `88.17KiB` | | [Fonts](https://app.relative-ci.com/projects/rYoEVFddayylGRgFiBEd/jobs/1147-0FEZmmAss35J0s6YmaDf/assets?ba=%7B%22filters%22%3A%7B%22ft.CSS%22%3Afalse%2C%22ft.JS%22%3Afalse%2C%22ft.IMG%22%3Afalse%2C%22ft.MEDIA%22%3Afalse%2C%22ft.FONT%22%3Atrue%2C%22ft.HTML%22%3Afalse%2C%22ft.OTHER%22%3Afalse%7D%7D "View all Fonts assets") | `0B` | `0B` | | [HTML](https://app.relative-ci.com/projects/rYoEVFddayylGRgFiBEd/jobs/1147-0FEZmmAss35J0s6YmaDf/assets?ba=%7B%22filters%22%3A%7B%22ft.CSS%22%3Afalse%2C%22ft.JS%22%3Afalse%2C%22ft.IMG%22%3Afalse%2C%22ft.MEDIA%22%3Afalse%2C%22ft.FONT%22%3Afalse%2C%22ft.HTML%22%3Atrue%2C%22ft.OTHER%22%3Afalse%7D%7D "View all HTML assets") | `0B` | `0B` | | [IMG](https://app.relative-ci.com/projects/rYoEVFddayylGRgFiBEd/jobs/1147-0FEZmmAss35J0s6YmaDf/assets?ba=%7B%22filters%22%3A%7B%22ft.CSS%22%3Afalse%2C%22ft.JS%22%3Afalse%2C%22ft.IMG%22%3Atrue%2C%22ft.MEDIA%22%3Afalse%2C%22ft.FONT%22%3Afalse%2C%22ft.HTML%22%3Afalse%2C%22ft.OTHER%22%3Afalse%7D%7D "View all IMG assets") | `976B` | `976B` | | [JS](https://app.relative-ci.com/projects/rYoEVFddayylGRgFiBEd/jobs/1147-0FEZmmAss35J0s6YmaDf/assets?ba=%7B%22filters%22%3A%7B%22ft.CSS%22%3Afalse%2C%22ft.JS%22%3Atrue%2C%22ft.IMG%22%3Afalse%2C%22ft.MEDIA%22%3Afalse%2C%22ft.FONT%22%3Afalse%2C%22ft.HTML%22%3Afalse%2C%22ft.OTHER%22%3Afalse%7D%7D "View all JS assets") | `1.88MiB` (`-28.93%`) | `2.65MiB` | | [Media](https://app.relative-ci.com/projects/rYoEVFddayylGRgFiBEd/jobs/1147-0FEZmmAss35J0s6YmaDf/assets?ba=%7B%22filters%22%3A%7B%22ft.CSS%22%3Afalse%2C%22ft.JS%22%3Afalse%2C%22ft.IMG%22%3Afalse%2C%22ft.MEDIA%22%3Atrue%2C%22ft.FONT%22%3Afalse%2C%22ft.HTML%22%3Afalse%2C%22ft.OTHER%22%3Afalse%7D%7D "View all Media assets") | `0B` | `0B` | | [Other](https://app.relative-ci.com/projects/rYoEVFddayylGRgFiBEd/jobs/1147-0FEZmmAss35J0s6YmaDf/assets?ba=%7B%22filters%22%3A%7B%22ft.CSS%22%3Afalse%2C%22ft.JS%22%3Afalse%2C%22ft.IMG%22%3Afalse%2C%22ft.MEDIA%22%3Afalse%2C%22ft.FONT%22%3Afalse%2C%22ft.HTML%22%3Afalse%2C%22ft.OTHER%22%3Atrue%7D%7D "View all Other assets") | `11.37KiB` | `11.37KiB` |

---

View job #1147 report View main branch activity

[github-actions[bot]]

Coverage report for ./apps/main

St.:grey_question:	Category	Percentage	Covered / Total
🔴	Statements	4.33%	40/924
🔴	Branches	3.49%	9/258
🔴	Functions	2.11%	5/237
🔴	Lines	4.39%	38/866

Test suite run success

2 tests passing in 2 suites.

Report generated by 🧪jest coverage report action from f98177e03f23191ffac64345d4d1a1a42ee53a59

[github-actions[bot]]

Coverage report for ./packages/ui

St.:grey_question:	Category	Percentage	Covered / Total
🔴	Statements	52.67%	2341/4445
🔴	Branches	26.05% (+0.03% 🔼)	428/1643
🔴	Functions	35.59%	453/1273
🔴	Lines	52.83%	2229/4219

Show files with reduced coverage 🔻

|

St.^{:grey_question:}

| File | Statements | Branches | Functions | Lines | | :----------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------- | :--------- | :------------------------------------------------------------- | :-------- | :---- | | 🟢 |

`...` / notification-item.tsx

| 100% |

77.78% (-7.94% 🔻)

| 100% | 100% |

Test suite run success

50 tests passing in 32 suites.

Report generated by 🧪jest coverage report action from f98177e03f23191ffac64345d4d1a1a42ee53a59

[cypress[bot]]

---

Test summary

7 • 0 • 0 • 0 • 0

---

Run details

Project	chirpy
Status	Passed
Commit	f98177e03f
Started	Nov 18, 2022 1:24 PM
Ended	Nov 18, 2022 1:26 PM
Duration	01:59 💡
OS	Linux Ubuntu - 20.04
Browser	Chrome 107

View run in Cypress Dashboard ➡️

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard