# Density Toggle Component

**URL:** <https://meta.discourse.org/t/density-toggle-component/350967>\
**Category:** Theme component\
**Created:** [February 6, 2025, 11:13pm UTC](https://meta.discourse.org/t/density-toggle-component/350967 "2025-02-06T23:13:39Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [February 7, 2025, 12:20pm UTC](https://meta.discourse.org/t/density-toggle-component/350967/3 "2025-02-07T12:20:32Z")

</div>

A few remarks when using **compact** :

Avatar’s flair keeps the regular size, which looks weird, and they overlap posts’ content.

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/0/f/c0f8a0bb13ce4b27b765c3dce42654d5303fd519.png)

**Suggested** and **Related** buttons at the end of a topic overlap the topics list below.

 ![The image shows a notification screen indicating there are 112 unread topics and 41 new topics in a forum or messaging platform, along with a "Reply" button and a list of topics including a "Share Link Shortener" message. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/6/c/4/6c456a1bb3be2df9384d63a19ce850f1251610cf.png)

User preferences have a font size setting.  
I don’t think the compact view should alter the global font size at all. They should remain separate settings.

The topic map container doesn’t use 100% of the width. It should normally reach the right side.

 ![The image depicts an error message in a forum post about a plugin issue with "div-topic-map--bottom," where clicking on a topic fails to update the profile status. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/5/f/a/5fa9a2184d67a8a1bdbc1c7a3cb91a6628085806.png)

Same with the footer buttons.

 ![The image shows a forum post explaining a discrepancy in user online status on Who's Online, mentioning a setting of 5 minutes and an error with sidekiq not running, along with comments and interaction options. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/5/d/e/5def928a0b8eedf4d2665e5be21565814f8e0db1.png)

In the regular layout, `.topic-meta-data`, which contains the date, has a right padding that aligns the date with reply buttons:

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/d/3/3d39ccf67f98fb6a7d238d6cbb054a409f551666.png)

This is not the case with the compact layout:

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/2/1/121da5ae3af93377e635f56ca901e7ad970a6fea.png)

The absence of the horizontal line that separates posts in the regular layout makes the post list right side look weird. The dates and reply buttons are too close to each other. Each button and the date below _look like_ they’re parts of the same post, but they actually belong to different posts.

 ![A screenshot shows a Discord chat discussion, with users asking for assistance in customizing a plugin to display visitor statistics in the last 5 or 10 minutes using specific code options. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/6/8/4/6847e61eed17cd54c766580a48bfd9417f1676d7.png)

---

_[View the full topic](https://meta.discourse.org/t/density-toggle-component/350967)._