#canvas {
    padding-top: 1px;  /*to ensure margin*/

    &.vertical-nav {
        padding-bottom: 1px; /* to ensure margin*/
    }
}

#page {
    padding-top: 1px;  /*to ensure margin*/
}

// We want default margins for lists inside #content, but an ID selector is too
// powerful for a constantly-overridden default. An attribute selector has the
// same specificity as a class, so it's easy to override.
[id="content"] li {
    margin-left: 2em;
    margin-bottom: 0.25em;
}

// Case in point: override bottom spacing for success links
ul.successlinks li {
    margin-bottom: 0;
}

[id="content"] li ul, [id="content"] li ol {
    margin-top: 0.75em;
}

[id="content"] dd {
    margin-left: 1.5em;
}

// fix for illegible table header links
[id="content"] table thead {
    background-color: $soft-accent-color;
}

[id="content"] table thead th a {
    color: $primary-text-color;
}

[id="content"] table thead th a:visited {
    color: $secondary-color;
}

[id="content"] table thead th a:hover, [id="content"] table thead th a:visited:hover {
    color: $highlight-color;
}


/**
 * Temporary hack to hide account links / userpics on small screens
 */

// TODO: fix this along with account links
// should be revealable by a click rather than just gone
#header-userpic, #header-search {
    display: none;
}

@media #{$topbar-media-query} {
    #header-userpic, #header-search {
        display: inherit;
    }
}
