On android / firefox the avatar is not centered in profile view.
Summary: Avatar not centered in profile view → Avatar not centered in mobile profile view
Created attachment 8439514 [details] The avatar is not centered Attachment shows the avatar is not centered. If it was centered, the highest part of the avatar would be under the "n" of "Mozillian Profile", but instead it's under the "r". So it's about 10% or 15% more right than it should be.
I played around with the CSS and it looks more centered now. Let me know what you think. https://github.com/mozilla/mozillians/pull/972
There are a lot of breakpoints in the CSS. The solution to centering something in CSS is to give it automatic side margins. If you keep adjusting a left-side offset as a percentage of the container's width when the size of the image is not defined also by a percentage then it will always be off-center. I'm seeing if I can rewrite it.
Assigned to wbowling since he has a fix.
Commit pushed to master at https://github.com/mozilla/mozillians https://github.com/mozilla/mozillians/commit/27b93070217e099bb59a436f1ee0e17ad5092d65 [fix bug 916833] Fix centering for profile image.
Status: ASSIGNED → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → FIXED
QA verified on stage - profile image appears centered - Android 4.4.4 Firefox for Android & Chrome - iOS latest [iPod touch] Safari - Firefox OS latest
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.