<p>I want to get a screenshot of the new notes feature (bubble view e.g. <a href="http://www.openstreetmap.org/?note=123">http://www.openstreetmap.org/?note=123</a> ) for a blog post going out soon, but there's a couple of cosmetic things which seem a bit ugly.</p>

<p>The note text itself doesn't seem prominent enough for various reasons:</p>

<p>The title at the top of a notes bubble, giving the numeric ID of a note. Maybe get rid of this entirely? It's only use at the moment is for permalinking the note. Maybe we could have a little grey 'permalink' instead?  ...or at least make the title much smaller and less prominent.</p>

<p>Anonymous postings come with a bright red background warning. This seems a bit over the top. It's only a relatively minor warning surely. Make it light grey background with a dinky little warning symbol (<a href="https://a248.e.akamai.net/camo.github.com/32b9d61e6828b77092523d9af8f06a62bbd476c8/687474703a2f2f77696b692e6f70656e7374726565746d61702e6f72672f772f696d616765732f7468756d622f372f37342f416d626f785f7761726e696e675f79656c6c6f772e7376672f313470782d416d626f785f7761726e696e675f79656c6c6f772e7376672e706e67" target="_blank"><img src="https://a248.e.akamai.net/camo.github.com/32b9d61e6828b77092523d9af8f06a62bbd476c8/687474703a2f2f77696b692e6f70656e7374726565746d61702e6f72672f772f696d616765732f7468756d622f372f37342f416d626f785f7761726e696e675f79656c6c6f772e7376672f313470782d416d626f785f7761726e696e675f79656c6c6f772e7376672e706e67" alt="warning" style="max-width:100%;"></a>) instead.</p>

<p>When a reply / follow up comment is present, there needs to tad more vertical space, perhaps even a line to give some separation.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href='https://github.com/openstreetmap/openstreetmap-website/issues/235'>view it on GitHub</a>.<img src='https://github.com/notifications/beacon/uTRSc6ihLa7Shf84BpiOpsPrUoF0HgwUXIHQfFP3FABYHiRmkl_WSeWBsLg6n1qc.gif' height='1' width='1'></p>