# Small-action class is not responsive on desktops

**URL:** <https://meta.discourse.org/t/small-action-class-is-not-responsive-on-desktops/33742>\
**Category:** UX\
**Created:** [2015年九月25日 12:51 UTC](https://meta.discourse.org/t/small-action-class-is-not-responsive-on-desktops/33742 "2015-09-25T12:51:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)\
**Post date:** [2015年九月25日 12:51 UTC](https://meta.discourse.org/t/small-action-class-is-not-responsive-on-desktops/33742/1 "2015-09-25T12:51:06Z")

</div>

Because of the `width: 755px`, the small-action can cause a horizontal scroll bar (even on meta) when you resize the window.

The small-action class is used for the time gap, closed notifications, et al.

I’ve submitted a PR that solves this issue by using `max-width: 755px` which ensures when there are 755 or more pixels available, the border will carry the same length as a post, and when there is less, it still takes up the same width as a post.

max-width when there is more than 755px available

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

* * *

when there is less than 755px available

 ![](https://global.discourse-cdn.com/meta/original/3X/1/4/1469f91d6811e816b83f0aa3bb27398800a4dd23.png)

* * *

when there is less and not using max-width (without the PR)

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

PR  
[https://github.com/discourse/discourse/pull/3816](https://github.com/discourse/discourse/pull/3816)

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2015年九月25日 18:42 UTC](https://meta.discourse.org/t/small-action-class-is-not-responsive-on-desktops/33742/2 "2015-09-25T18:42:39Z")

</div>


