Hello Vincent,

Thanks for sharing
I have checked in my local site, it seems like the styling display properly for me, see my screenshot : http://screencast.com/t/L7cbdjeIyOC
Are you referring this? Please advise.

Hi Arlex,

I assume you are using PC (Chrome), this problem don't exist on PC (Chrome) only appear on MAC (Chrome)
But with this css fix, it will work on both PC and MAC (Chrome)

Vincent

Hello Vincent,

Hmm, that's strange, i have tired in MAC (Chrome) it seems like the result is same see my screenshot : http://screencast.com/t/c68mPXaa6qX

Hi Arlex,

Here's the result in my screen.
http://screencast.com/t/LaMivS4VY

Maybe I am using Joomla 3.2.0?

Hello Vincent,

I think it's probably the resolution of your screen but I could be wrong. What resolution are you currently on right now?

I don't think it is a resolution problem, I had 4 different size monitor and all act the same with my MAC, I am also with a PC here, chrome is normal.
Maybe you guys can try clearing the browser cache totally and try again. Sometime it maybe a chrome cache related problem.

1680 x 1050
1920 x 1200
1024 x 768
1280 x 1024

All act the same

Further more, this don't just happen in CHROME.
it also happen on

Chrome (MAC) - Shifted to right
Safari (MAC) - Shifted to right

Firefox (MAC) - Normal

Also a little on the design taste, the margin is just adding too much white space to the panel.
I think just the padding: 20px is quite enough.

Vincent

Hello Vincent,

I am really sorry for the delay of this reply as it is a weekend for us here.
That's odd, I will discuss with our designer and see how it goes.
You're good customer, because you found out some issues also kindly sharing the CSS fixes in this post.
Hope you have a nice weekend.