# Visually separate post flagging options from PMing

**URL:** https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755
**Category:** UX
**Created:** [18 Novembre 2015, 3:00pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755 "2015-11-18T15:00:05Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![fbender](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbender/32/116736_2.png) [@fbender](https://meta.discourse.org/u/fbender)
#### Post date: [18 Novembre 2015, 3:00pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/1 "2015-11-18T15:00:05Z")

</div>

Continuing the discussion from [Does flagging to trigger a PM also cause a flag?](https://meta.discourse.org/t/does-flagging-to-trigger-a-pm-also-cause-a-flag/18145/10):

> [@cawas](#):
>
> I’d add a separation line there and a subtitle:
> 
> > **Notify - just send a private message:**  
> > ( \_ ) Notify codinghorror  
> > _This post contains something I want to talk to this person directly and privately about._  
> > ( \_ ) Notify moderators  
> > _This post requires general moderator attention based on the guidelines, TOS, or for another reason not listed above._

I think the current information is easily disregarded by most people, it would be better if there was a clear visual separation and more obvious styling, like so:

 ![](https://global.discourse-cdn.com/meta/original/3X/6/6/668de36fcdf82c606d1731d961e3cfdb4d60916e.png)

For the prototype, I dragged the second-to-last `<div>` to the top and added a `<hr/>` and `<h3>` below that one. I also removed the `<strong>` part of the (now) first option and added another `<h3>` at the very top. I _think_ this can be adapted as-is when changing the code (I did not test the interaction, just fumbled in Fx’s DOM inspector). The first “group” could also be moved to the very bottom to make the prompt more visually balanced.

What do you think?

---

<div class="post-metadata">

### Author: ![cregox](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cregox/32/115904_2.png) [@cregox](https://meta.discourse.org/u/cregox)
#### Post date: [18 Novembre 2015, 6:41pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/2 "2015-11-18T18:41:37Z")

</div>

Awesome idea!

And thanks for mentioning me, I love to see how things (such as ideas) evolve! 🙂

Also, looks like there is no flag+pm notify moderators option anymore (that post is over 6 months old)… Which I also find to be nicer.

Anyway, hope they’ll consider it.

[![](https://global.discourse-cdn.com/meta/original/4X/a/a/e/aaed0345411e35dd7877b33fdb080a8886e88f94.gif) ](https://64.media.tumblr.com/tumblr_lq3ashzqJl1qht847.gif)

---

<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: [19 Novembre 2015, 12:34am UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/3 "2015-11-19T00:34:28Z")

</div>

I like this proposed change I think we would be fine with a PR that shuffles this around.

I do think PM should be last though not first @codinghorror ?

---

<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 Novembre 2015, 12:57am UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/4 "2015-11-19T00:57:45Z")

</div>

Actually the order is correct, we want to encourage peer-to-peer interaction before involving Mom and Dad in the dispute. So it’s a good mockup and I agree with it.

---

<div class="post-metadata">

### Author: ![fbender](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbender/32/116736_2.png) [@fbender](https://meta.discourse.org/u/fbender)
#### Post date: [19 Novembre 2015, 1:08pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/5 "2015-11-19T13:08:28Z")

</div>

OK I’ll have a look and see if I can create a PR. However I have no experience with Ruby and the Rails structure so I might be unable to do it in a reasonable time frame. I’ll have a look at the guides and report back if I can’t reasonably do it.

---

<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 Novembre 2015, 9:22pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/6 "2015-11-19T21:22:22Z")

</div>

Sure @techapj can you add this to your list? I think it is a good change and the mockup is very solid.

---

<div class="post-metadata">

### Author: ![techAPJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/techapj/32/342990_2.png) [@techAPJ](https://meta.discourse.org/u/techAPJ)
#### Post date: [20 Novembre 2015, 5:15pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/7 "2015-11-20T17:15:33Z")

</div>

Okay, done! 🎁

[https://github.com/discourse/discourse/commit/bb1d0dea8a5840aceffe2a9fc2e2f7aeb0d9f320](https://github.com/discourse/discourse/commit/bb1d0dea8a5840aceffe2a9fc2e2f7aeb0d9f320)

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [20 Novembre 2015, 9:14pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/8 "2015-11-20T21:14:01Z")

</div>

Needs some work on mobile 😉

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

---

<div class="post-metadata">

### Author: ![fbender](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbender/32/116736_2.png) [@fbender](https://meta.discourse.org/u/fbender)
#### Post date: [21 Novembre 2015, 3:57pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/9 "2015-11-21T15:57:12Z")

</div>

Awesome, thanks a lot!

---

<div class="post-metadata">

### Author: ![techAPJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/techapj/32/342990_2.png) [@techAPJ](https://meta.discourse.org/u/techAPJ)
#### Post date: [23 Novembre 2015, 3:43pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/10 "2015-11-23T15:43:58Z")

</div>

Fixed 😄

[https://github.com/discourse/discourse/commit/fa83e717f712e97a4d62dc49f37e08e3dcaf2191](https://github.com/discourse/discourse/commit/fa83e717f712e97a4d62dc49f37e08e3dcaf2191)

---

<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: [23 Novembre 2015, 8:17pm UTC](https://meta.discourse.org/t/visually-separate-post-flagging-options-from-pming/35755/11 "2015-11-23T20:17:09Z")

</div>


