# Notification system with a small visualization issue

**URL:** <https://community.glideapps.com/t/notification-system-with-a-small-visualization-issue/47014>\
**Category:** Project Showcase\
**Created:** [August 17, 2022, 12:19pm UTC](https://community.glideapps.com/t/notification-system-with-a-small-visualization-issue/47014 "2022-08-17T12:19:52Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fab3r](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fab3r/32/45722_2.png) [@Fab3r](https://community.glideapps.com/u/Fab3r)\
**Post date:** [August 17, 2022, 12:19pm UTC](https://community.glideapps.com/t/notification-system-with-a-small-visualization-issue/47014/1 "2022-08-17T12:19:52Z")

</div>

![Opera Snapshot_2022-08-17_141722_go.glideapps.com](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/9/d9a666bac4eb9ee86059e01d82cd00cfc186750f.png)  
So I quite finished my notification system (based on various events on the app), with different icons for notification types, date (how old), read/not-read. I used some information I found here on the community 🙏  
But … still wondering how to make the table most appealing, any suggestion? I would like “x days old” to be aligned on the right. Maybe CSS?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [August 17, 2022, 5:33pm UTC](https://community.glideapps.com/t/notification-system-with-a-small-visualization-issue/47014/2 "2022-08-17T17:33:34Z")

</div>

I like using the card style layout, just because it gives you a few more different options for laying out your data.

---

<div class="post-metadata">

**Author:** ![Fab3r](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fab3r/32/45722_2.png) [@Fab3r](https://community.glideapps.com/u/Fab3r)\
**Post date:** [August 17, 2022, 8:14pm UTC](https://community.glideapps.com/t/notification-system-with-a-small-visualization-issue/47014/3 "2022-08-17T20:14:20Z")

</div>

Thanks! I will try

---

<div class="post-metadata">

**Author:** ![Thoughts](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thoughts/32/46790_2.png) [@Thoughts](https://community.glideapps.com/u/Thoughts)\
**Post date:** [August 18, 2022, 3:04pm UTC](https://community.glideapps.com/t/notification-system-with-a-small-visualization-issue/47014/4 "2022-08-18T15:04:02Z")

</div>

Change the Relative Date field to “mini” or “twitter” so it will say “4d” and not “4 day/s ago”  
and use the Relative Date column, because it looks like you are using a custom solution.

---

<div class="post-metadata">

**Author:** ![Fab3r](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fab3r/32/45722_2.png) [@Fab3r](https://community.glideapps.com/u/Fab3r)\
**Post date:** [August 18, 2022, 3:19pm UTC](https://community.glideapps.com/t/notification-system-with-a-small-visualization-issue/47014/5 "2022-08-18T15:19:51Z")

</div>

Thanks!

looks like the “problem” is when the notification description is divided in 2 different lines. But… it’s for sure better than before 🙏  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/c/ac4d98573662dcd9972629fefa7d152c2fb5df78.png)

---

<div class="post-metadata">

**Author:** ![Thoughts](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thoughts/32/46790_2.png) [@Thoughts](https://community.glideapps.com/u/Thoughts)\
**Post date:** [August 18, 2022, 3:22pm UTC](https://community.glideapps.com/t/notification-system-with-a-small-visualization-issue/47014/6 "2022-08-18T15:22:14Z")

</div>

I also think you should consider removing the “ago”, it’s obvious and takes up space and attention.  
so instead of 7d ago, 7d or 7 days is enough

it means “how old is the notification”

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [August 19, 2022, 3:23pm UTC](https://community.glideapps.com/t/notification-system-with-a-small-visualization-issue/47014/7 "2022-08-19T15:23:06Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.