# Wrench is misplaced for wide screens

**URL:** <https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418>\
**Category:** UX\
**Created:** [25 Enero, 2016 02:39 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418 "2016-01-25T02:39:52Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ossama](https://avatars.discourse-cdn.com/v4/letter/o/9fc29f/32.png) [@Ossama](https://meta.discourse.org/u/Ossama)\
**Post date:** [25 Enero, 2016 02:39 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/1 "2016-01-25T02:39:52Z")

</div>

Hi everyone,

Don’t you think that the placing of the wrench menu for topics here is a little bit misplaced? It should be somewhere next to the topic header/name otherwise you might not know it’s existence unless you really were looking for it.

Using a FHD wide screen here, attached an image below to show it.

 ![](https://global.discourse-cdn.com/meta/original/3X/c/b/cb16512637892fcd3c65b6b9db12d6a0eab619c3.jpg)

---

<div class="post-metadata">

**Author:** ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)\
**Post date:** [25 Enero, 2016 02:45 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/2 "2016-01-25T02:45:10Z")

</div>

I think a better question to ask is why the main UI (the topic threads) don’t expand for wide screens. Seems like a whole lot of white space that could be better used. Even when there are links in the right gutter, there is still a huge amount of empty space on both sides.

---

<div class="post-metadata">

**Author:** ![Ossama](https://avatars.discourse-cdn.com/v4/letter/o/9fc29f/32.png) [@Ossama](https://meta.discourse.org/u/Ossama)\
**Post date:** [25 Enero, 2016 02:59 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/3 "2016-01-25T02:59:40Z")

</div>

That could be another way to look at it. Yeah, i agree with you. I think the topics width shouldn’t take full screen width for readability. But could be used for other things like suggested threads or whatsoever.

---

<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:** [25 Enero, 2016 07:28 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/4 "2016-01-25T07:28:19Z")

</div>

This was already discussed at length here:

[https://meta.discourse.org/t/the-right-gutter-other-uses-and-mental-tricks/23332](https://meta.discourse.org/t/the-right-gutter-other-uses-and-mental-tricks/23332)

I want to point something else out about your screenshot

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

Thus there are two ways / places to trigger topic wrench. Choose whichever one you prefer.

---

<div class="post-metadata">

**Author:** ![Ossama](https://avatars.discourse-cdn.com/v4/letter/o/9fc29f/32.png) [@Ossama](https://meta.discourse.org/u/Ossama)\
**Post date:** [25 Enero, 2016 07:39 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/5 "2016-01-25T07:39:39Z")

</div>

Now that’s interesting… The thing is that you won’t be able to see yours unless you scroll to the bottom of the thread, which is not a good UX IMHO.

The one i pointed to is a little bit thrown away, so i think if we replace it somewhere near the topic header/edit topic name would be better.

---

<div class="post-metadata">

**Author:** ![Ossama](https://avatars.discourse-cdn.com/v4/letter/o/9fc29f/32.png) [@Ossama](https://meta.discourse.org/u/Ossama)\
**Post date:** [25 Enero, 2016 07:40 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/6 "2016-01-25T07:40:00Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/d/3/d31ef2722a932fd50a647f3f971648bec32153e8.jpg)

---

<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:** [25 Enero, 2016 07:42 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/7 "2016-01-25T07:42:02Z")

</div>

It’s not expected behavior to have a super-widescreen browser. Here’s my browser maximized across all three of my monitors.

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

Of course I never run browsers this way – why would I? At any rate, you can use a CSS customization in Admin, Customize, CSS/HTML if you wish to move the wrench.

Also just press end to get to the end of a topic immediately. If you want to enter at the last post from the topic list, click/tap on the last post date.

---

<div class="post-metadata">

**Author:** ![Ossama](https://avatars.discourse-cdn.com/v4/letter/o/9fc29f/32.png) [@Ossama](https://meta.discourse.org/u/Ossama)\
**Post date:** [25 Enero, 2016 07:53 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/8 "2016-01-25T07:53:26Z")

</div>

I think there might be some misunderstanding here. My screen is wide, but not super wide. It’s a regular 16:9 monitor.

This is not a ux suggestion that might break Discourse or churn users away, but would make the experience better.

I know where the wrench is now, might do some CSS work to improve the experience for myself. Thanks for your tip though.

---

<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:** [25 Enero, 2016 08:09 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/9 "2016-01-25T08:09:25Z")

</div>

I’m just curious, do you always have your browser view-port maximized for every site you visit?

I know that during development I push things to beyond what I think is sane (super small, super large, super zoomed, w/o JavaScript, w/o CSS, w/o images etc.) just to test

One thing that often comes up at SitePoint is that a designer thinking web === print wants to find a way to force site visitors to have their view-port at max so they will get the full beauty of the design as the designer envisions it.

A common reply is “no one using a large screen has their view-port maximized”. But maybe this isn’t so true?

---

<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:** [25 Enero, 2016 09:17 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/10 "2016-01-25T09:17:18Z")

</div>

Let us know how you go, keep in mind this is an admin/mod function only. We always carry slightly lower priority then general public features to these kind of UX features.

---

<div class="post-metadata">

**Author:** ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)\
**Post date:** [25 Enero, 2016 09:39 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/11 "2016-01-25T09:39:46Z")

</div>

> [@Mittineague](#):
>
> A common reply is “no one using a large screen has their view-port maximized”. But maybe this isn’t so true?

Offtopic: Yeah, my browser is in maximized state most of the time (2550x1440), unless I work with multiple apps at the same time.

---

<div class="post-metadata">

**Author:** ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)\
**Post date:** [25 Enero, 2016 22:11 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/12 "2016-01-25T22:11:18Z")

</div>

This works to keep the admin wrench and popup menu within the main content area. This will only work for left-to-right layouts. It will not move popup widow if it is visible while the browser window is being resized.

```css
@media (min-width: 1100px) { // at 1100px content is contrained to .wrap div
    html:not(.rtl) .show-topic-admin {
        left: 50%; // center wrench
        -webkit-transform: translateX(513px); // move to edge of .wrap div ((1100 / 2) - btn_width)
        transform: translateX(513px);
    }
}

```

---

<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:** [25 Enero, 2016 22:24 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/13 "2016-01-25T22:24:36Z")

</div>

I say we do a PR for this @codinghorror nothing really to lose

---

<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:** [19 Mayo, 2016 02:41 UTC](https://meta.discourse.org/t/wrench-is-misplaced-for-wide-screens/38418/14 "2016-05-19T02:41:01Z")

</div>

@eviltrout will move the wrench to align with the new right gutter buttons tomorrow, solving this issue.

Warning @eviltrout we still need a way to topic wrench on mobile and when the browser is very narrow. Maybe move it into the old progress bar somehow?
