Design issue "New" banner wasting space

[imthebest]

I noticed that the "New" banner is wasting space when viewing a post.
Please take a look at the following screenshots and see the difference (look at the right side):

With "New" banner


Without "New" banner


This is a pain specially when browsing forums on smartphones with small screen sizes.

 

[Amaury]

This may be more of a suggestion than a bug, though I don't exactly see how excess space is a pain.

I browse via my computer as it's the only way I can, but even if I browsed via a mobile device, this wouldn't be a pain to deal with.

 

[dieketzer]

its not so much that its a pain, its just not the most efficient use of limited screenspace.

 

[Russ]

I actually don't remember it pushing the content like that.

Margin-top: -29px results in:

 

[Mike]

This is a side effect of the .messageContent element being overflow: hidden'd, which was done in a relatively recent version (1.3 maybe?) in order to ensure containment of the message when floats were involved (both in the message and with the advertisements commonly added) The extra block formatting context prevents the individual lines from wrapping around the new indicator.

It happens on the desktop and it isn't really fixable with a small tweak like may be possible on mobile as there's no vertical space to shift it up. Interestingly, shifting it up in mobile via Chrome's dev tools doesn't actually fix it; it visually moves but appears to leave some sort of "shadow" margin that prevents it from rendering as I'd expect; FF does shift it. That said, shifting it up does also run it over top of any user banners which may appear (it's basically butted up against them with the default positioning).

 

[Mike]

So as it stands, I don't see a reasonable workaround without completely changing where the new icon is displayed or creating other (probably more significant) inconsistencies. This will stay for the time being.