Here’s the smallest snippet of CSS I could come up with that made things more readable on small (mobile) screens:
@media only screen and (max-width: 600px) {
div#content {
padding: 12px 12px 12px 12px;
}
div#sidebar {
float: none;
width: 80%;
clear: both;
}
}
Before: