2

This is how the user card looks like in mobile theme of the site:

Zoom in on the alignment:

Should be moved to the right a bit.

  • 5
    So you have a gold badge, 3 silver ones, 31 bronze and 87 ninja badges. What is the problem? – Bart Mar 8 '15 at 12:17
  • 2
    Why zoom in about 1000 percent? – Anthony Pham Mar 8 '15 at 16:11
  • @PythonMaster I suspect that's the normal zoom level of the OP here. Saves the need for glasses. :-) – Shadow9 Mar 8 '15 at 16:19
  • Good way to be near-sighted... Yeah, you would still need glasses – Anthony Pham Mar 8 '15 at 16:48
  • What OS/device (it may be specific to Android or Apple...) are you viewing this on? – Werner Mar 8 '15 at 18:30
  • @Werner This current screenshot is from Samsung Galaxy S5 in Chrome, if try on my Mac with Safari, it looks even worse. – nicael Mar 8 '15 at 18:33
  • 1
    Reproduced on Safari (on iPhone and on the desktop version after clicking mobile) and on Chrome (on iPhone and on the desktop again). The offset is clearly broken. – Martijn Pieters Mar 8 '15 at 18:49
  • 1
    @ShadowWizard: it is a very ugly alignment issue on the mobile web version. This does look like a bug, it isn't minor. Mobile web browsers don't zoom like the desktop version does. – Martijn Pieters Mar 8 '15 at 18:50
  • 1
    @SabreTooth: this is about the mobile web version. I can confirm the problem both in mobile Safari and in mobile Chrome on iPhone; the badge icons are clearly misaligned. – Martijn Pieters Mar 8 '15 at 19:01
  • 1
    @Bart: the problem is than in the mobile web versions of this page badge icons are clearly badly placed. It is worse on iPhone mobile browsers than in this screenshot. – Martijn Pieters Mar 8 '15 at 19:03
  • 2
    Hello close voter. You may not like a bug and/or a bug may be minor but that doesn't stop it from being a bug... this question is on-topic and, while not verbose, adequately explains what the author believes to be the issue. – ben is uǝq backwards Mar 8 '15 at 19:21
  • Define "badly" and "a bit" because they look decent as-is – random Mar 8 '15 at 19:28
  • 2
    From a history of seeing these vague/obtuse titles in order to clickhole the bait it's no wonder everyone's all over the place, coupled with the sub-perfunctory body content, that's poor QA reporting – random Mar 8 '15 at 19:45
  • 2
    @SabreTooth true, it's like throwing a huge 1000px sign at your face and yelling "READ THIS!" :D – Shadow9 Mar 8 '15 at 19:50
  • 1
    @ShadowWizard it is like a billboard with all shiny things - and the actual information in the corner in 5pt font – user273376 Mar 8 '15 at 20:17
4
<div class="user-details">
    <a href="/users/259214/nicael">nicael</a><br>
    <span class="reputation-score" title="reputation score " dir="ltr">3,211</span><span title="3 gold badges"><span class="badge1">●</span><span class="badgecount">3</span></span><span title="31 silver badges"><span class="badge2">●</span><span class="badgecount">31</span></span><span title="88 bronze badges"><span class="badge3">●</span><span class="badgecount">88</span></span>
</div>

Eww. No spaces?

<div class="user-details">
    <a href="/users/259214/nicael">nicael</a><br>
    <span class="reputation-score" title="reputation score " dir="ltr">3,211</span> <span title="3 gold badges"><span class="badge1">●</span><span class="badgecount">3</span></span> <span title="31 silver badges"><span class="badge2">●</span><span class="badgecount">31</span></span> <span title="88 bronze badges"><span class="badge3">●</span><span class="badgecount">88</span></span>
</div>

In all.css:1:769, width: 14px should be width: 8px.

0

I suppose it is supposed to be like that. Up close like that, you can see the "major" spaces between the badge icon and the amount of that type of badge. But from far away, like default size on a computer, it looks completely normal. Yet on the mobile version, it's chaos.

I say that this should be implied. If it wasn't, from a regular size text (default size), it would look really weird. Ewww. Anyways, it should look like this: enter image description here

  • 5
    The bug report is for the mobile web version of the page. You are using the desktop rendering. – Martijn Pieters Mar 8 '15 at 18:49

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .