# Footer category links and latest topics layout bug

**URL:** https://meta.discourse.org/t/footer-category-links-and-latest-topics-layout-bug/31607
**Category:** UX
**Created:** [July 31, 2015, 1:17pm UTC](https://meta.discourse.org/t/footer-category-links-and-latest-topics-layout-bug/31607 "2015-07-31T13:17:19Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![daath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daath/32/115536_2.png) [@daath](https://meta.discourse.org/u/daath)
#### Post date: [July 31, 2015, 1:17pm UTC](https://meta.discourse.org/t/footer-category-links-and-latest-topics-layout-bug/31607/1 "2015-07-31T13:17:19Z")

</div>

I noticed a footer category links and latest topics layout bug, screenshot:

![](https://global.discourse-cdn.com/meta/original/3X/f/0/f0d94a6ffbbde199ce7161b41b55c20a78726a15.png)

Bug is on Windows, latest Firefox, Chrome and Opera - when category name is too long it overlaps. When it’s too short, there is a strange gap.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [July 31, 2015, 1:29pm UTC](https://meta.discourse.org/t/footer-category-links-and-latest-topics-layout-bug/31607/2 "2015-07-31T13:29:58Z")

</div>

Not that way for me here using desktop Firefox latest obscenely squeezed.

Talking Mobile? Browser specific?

\* got repro steps?

---

<div class="post-metadata">

### Author: ![daath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daath/32/115536_2.png) [@daath](https://meta.discourse.org/u/daath)
#### Post date: [July 31, 2015, 2:28pm UTC](https://meta.discourse.org/t/footer-category-links-and-latest-topics-layout-bug/31607/3 "2015-07-31T14:28:30Z")

</div>

Latest Firefox on Windows. I think the thing is that the category name is long: “Rebuildable Atomizers and Tanks”… Same deal on latest Chrome on windows.  
With shorter names, it looks weird as well - like there is too much space before “or view latest topics”.

EDIT: Shorter names look weird as well:

![](https://global.discourse-cdn.com/meta/original/3X/3/0/303c02a2c1a4346b68d459f3b97da7039c2ab724.png)

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [July 31, 2015, 2:50pm UTC](https://meta.discourse.org/t/footer-category-links-and-latest-topics-layout-bug/31607/4 "2015-07-31T14:50:29Z")

</div>

I don’t see any overlap, but I do see what you mean about the spacing.

Maybe a CSS tweak would help?

---

<div class="post-metadata">

### Author: ![daath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daath/32/115536_2.png) [@daath](https://meta.discourse.org/u/daath)
#### Post date: [July 31, 2015, 3:04pm UTC](https://meta.discourse.org/t/footer-category-links-and-latest-topics-layout-bug/31607/5 "2015-07-31T15:04:06Z")

</div>

If you don’t see the overlap, your category name is not long enough 😄 It’s there in all browsers. Some sort of CSS-tweak could probably fix it, yes …

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [July 21, 2022, 5:45am UTC](https://meta.discourse.org/t/footer-category-links-and-latest-topics-layout-bug/31607/6 "2022-07-21T05:45:40Z")

</div>