Body Padding

[Ivan-Chupin]

I've noticed that Remark42 doesn't fit perfectly into the frame intended for it. Remark.css -> body{padding:6px} was to blame. I think this is wrong, because such indents should be carried out exclusively by the layout designer of the site.

[akellbl4]

It's intentional because we have lots of small elements that have different decorations that can go out of that frame. If we don't have that padding you'll see clipped elements that do not fit.

You can do .wrapper { position: relative; overflow: hidden; }; #remark42 { margin: -6px } if you don't want that padding.

We will try to address this request in design updates.

[paskal]

If that's a known improvement point, do we want to convert it from discussion to issue?

[akellbl4]

To be honest I don't see any improvments here. Also, I don't get a point how this breaks anyting.

[paskal]

@Ivan-Chupin, could you please build a case for why this should be changed? I think a jsfiddle with a demonstration of bad and desired behaviour would be ideal for that purpose.

[Ivan-Chupin]

@paskal Unfortunately, I have no experience with jsfiddle, and besides, it is not available in the country where I am located. Therefore, I will try to explain in words and pictures.

If I put a Remark42 in a <div></div> then I naturally expect the Remark42 elements to align to the edges of the div. But since Remark42 uses a 6 point padding from each side of the div, this breaks the layout design.

Left as it is now, right as it should be:

Why does Remark42 use body{padding: 6px}? Why is the padding not 2 or 10? The answer is absolutely obvious - because it is a crutch that masks the incorrect layout of Remark42.

[paskal]

I've created #1487 about it, I think it's a valid issue.