Twenty Twenty: large margins between widgets in footer (in admin area they seem smaller)

[warrior7089]

Hi,

There are large margins between widgets in footer in twenty twenty theme. ​https://ibb.co/qgdQGgV

In admin area they seem smaller and look better. ​https://ibb.co/9hPLwdj

Got advice to open trac ticket after opening support ticket at ​https://wordpress.org/support/topic/large-margins-between-widgets-in-footer-in-admin-area-they-seem-smaller/ and fixing the issue using css.

[sabernhardt]

Every footer widget after the first has a large top margin on the front: 5rem on larger screens and 3rem on smaller screens.

.widget {
	margin-top: 3rem;
}
.widget:first-child {
	margin-top: 0;
}
@media ( min-width: 700px ) {
	.footer-widgets .widget {
		margin-top: 5rem;
	}
	.footer-widgets .widget:first-child {
		margin-top: 0;
	}
}

The margin has been that way in Twenty Twenty since the first version (it was even in the ​first version of Chaplin, which was the foundation for Twenty Twenty).

I do not recommend changing the front after people have been using this theme, though maybe the Widgets editor could reflect the 3rem margin (the editor canvas is less than 700 pixels wide).

.wp-block-widget-area__inner-blocks .block-editor-block-list__layout > .wp-block {
	margin-top: 3rem;
}
.wp-block-widget-area__inner-blocks .block-editor-block-list__layout > .wp-block:first-child {
	margin-top: 0;
}

[sabernhardt]

Thanks for the report!

[karmatosed]

@sabernhardt if I am understanding correctly you are recommending to only change within the editor the margins - please correct me if I am mistaken. I think personally if that is the case, I wouldn't recommend we do this at this time, what do you feel today about doing this?