Fix styling issues -- make side nav extend to top of footer, and expand padding on global layout so items are not cut off

2019-08-30 15:19:44 -04:00
parent 2742c4951a
commit 4ba1c4d869
3 changed files with 7 additions and 3 deletions
--- a/styles/elements/_sidenav.scss
+++ b/styles/elements/_sidenav.scss
@@ -51,13 +51,16 @@

    ul {
      &.sidenav__list--padded {
-        margin: ( 4 * $gap) 0;
+        margin-top: 4 * $gap;
+        margin-bottom: $footer-height;
+        padding-bottom: $gap;
        position: fixed;
        overflow-y: scroll;
        top: $topbar-height + $usa-banner-height + 4rem;
-        bottom: $footer-height;
+        bottom: 0;
        left: 0;
        width: $sidenav-expanded-width;
+        background-color: $color-white;
      }

      list-style: none;