Apply grid fixes to new quest form

scss/core/_base.scss

@@ -5,4 +5,12 @@
 
 body {
   background-color: $color-gray-lightest;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  min-height: 100vh;
+
+  > footer {
+    margin-top: auto;
+  }
 }

scss/core/_grid.scss

@@ -13,6 +13,7 @@
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    max-width: $site-max-width;
   }
 }
 

scss/elements/_panels.scss

@@ -3,7 +3,7 @@
  * A generic block container
  */
 
-@mixin panel-base {
+ @mixin panel-base {
   background-color: $color-white;
   border-top-width: 1px;
   border-bottom-width: 1px;
@@ -28,6 +28,11 @@
   @include panel-base;
   @include panel-theme-default;
   @include panel-margin;
+
+  &__content {
+    padding-left: $gap*4;
+    padding-right: $gap*4;
+  }
 }
 
 /*
@@ -35,16 +40,19 @@
  * Grid container for panel blocks
  */
 
-.panel-container {
+ .panel-container {
   @include grid-row;
   @include grid-pad;
   @include margin(($site-margins-mobile * 2) null);
 
   @include media($medium-screen) {
     @include margin(($site-margins * 2) null);
+    flex-wrap: nowrap;
   }
 
   > .col {
     @include grid-pad;
   }
+
+
 }

scss/sections/_footer.scss

@@ -1,9 +1,6 @@
 footer {
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  padding-top: 0.5rem;
-  padding-bottom: 1em;
   background-color: $color-gray-lightest;
   border-top: 1px solid $color-gray-lighter;
+  padding-left: $gap*4;
+  padding-bottom: $gap*2;
 }

scss/sections/_sidenav.scss

@@ -2,13 +2,15 @@
   @include grid-pad;
   @include panel-margin;
   width: 100%;
-  display: flex;
-  flex-direction: column;
 
   @include media($large-screen) {
     width: 21rem;
   }
 
+  @include media($xlarge-screen) {
+    width: 30rem;
+  }
+
   .sidenav__link {
     display: block;
     border-top: 1px solid $color-black;
@@ -36,7 +38,7 @@
         background-color: $color-white;
 
         .sidenav__link {
-          &.sidenav__link--active {
+          &--active {
             @include h5;
             box-shadow: none;
           }
@@ -74,6 +76,8 @@
   }
 
   > ul {
+    @include panel-margin;
+
     > li {
       &:last-child {
         > .sidenav__link {