Sidebar padding

Site: https://www.dearidiot.com

Problem: as you can see on the sidebar, the “facebook like” at the top of the sidebar has huge padding above and below it. it doesnt matter what i put there, that big gap is still there. I’ve tried to manually edit style.css but cannot find any options to adjust padding for the sidebar (ANY of the padding). I’d like to squish all the widgets closer, and of course remove the big spaces completely.

Also: on https://www.dearidiot.com/?page_id=142 (the submit page) there is a giant gap below “upload image” and “note”. This is a custom form/page made by TDO mini forms and I cannot find how to edit that space.

Here is my style.css:

[CSS moderated as per the Forum Rules.]