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:
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.
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.
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.
