What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 127 Stack Exchange communities.

I noticed now that Stack Overflow has its padding set to 0, unlike before.

Note the padding on left side of the page; it looks shifted to the left and everything is touching the left-hand side of the screen.

Edit: Back to normal on mobile (iPhone 4 v6.1.3 / Safari).

Edit: Same problem on mobile full site version, mobile version is fine (iPhone 5 v6.1.4 / Safari).

Exmaple

share|improve this question
2  
I noticed this on the iPhone about yesterday as well. It's most apparent on user profiles. –  Mysticial Jun 19 '13 at 15:54
    
Note that I can reproduce this here on Meta, which similarly has the padding of 0. –  animuson Jun 19 '13 at 16:26
    
Yup, on iPhone as well. But desktop (chrome) it's fine. –  Omar Jun 19 '13 at 16:42
    
@animuson: On an iPad too? How much padding did it have before? –  minitech Jun 21 '13 at 13:37
1  
@minitechη: All devices. This is the main site, and uses the same CSS for everything. You can use your web browser on a desktop to reproduce this - just make the window really small. It's not a mobile bug. :) –  animuson Jun 21 '13 at 16:50
    
@animuson: Oh. I thought that was the way it always was… –  minitech Jun 21 '13 at 17:14
1  
This problem is in desktop browsers too. resize your window width to 977px or less. (there will be a scrollbar, but there is no padding at the left...) –  bwoebi Jun 23 '13 at 9:57
    
@bwoebi true, but this problem is recent. –  Omar Jun 23 '13 at 12:53
2  
That's what happens when the Stack Exchange team starts exercising regularly and eating more healthily. :D –  Jack Maney Jul 2 '13 at 22:02
    
This is a preference, not a bug. It uses the full width of a narrow window. Where's the issue? It's just not broken. It might not be very pretty, but it's not a bug. –  AndrewC Jul 3 '13 at 1:08
    
@AndrewC it never been like this before, it happened recently. –  Omar Jul 3 '13 at 5:28
add comment

2 Answers

Hey Omar I heard you like padding so I made you a SO padding bookmarklet.

Just drag it the code to your favorites bookmark bar and click when ever you feel the need for padding!

javascript:(function(){var body=document.getElementsByTagName('body');body[0].style['padding']="0 1em";})()

You can later change bookmark name. SO prevents JS links.

share|improve this answer
3  
This is a hack, and a hack is never a solution :) This problem doesn't affect me only, it affects all visitors/users. –  Omar Jun 21 '13 at 13:39
1  
All users can enjoy my so called hack. –  raam86 Jul 9 '13 at 12:49
add comment

The padding is set to 0, probably to make mobile interface easier to interact with.

Mobile users, particularly those with touch devices benefit heavly from larger font size, buttons, etc and one way to achieve that is setting padding to 0

share|improve this answer
2  
It was working fine before, it looks different now. Thanks for your input. –  Omar Jun 21 '13 at 11:21
    
How does zero padding lead to a bigger font size? –  Pëkka Jun 21 '13 at 12:37
2  
if you have less spacing then you can use more space with text. it's simple logic... –  DaftDev Jun 21 '13 at 13:15
1  
But it makes the mobile interface more difficult to interact with, as important UI elements move towards the edge of the screen where they are more difficult to tap. This looks like a bug. –  Pëkka Jun 23 '13 at 7:46
add comment

You must log in to answer this question.

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