diff --git a/atst/forms/request.py b/atst/forms/request.py index bbc1109a..36aa2043 100644 --- a/atst/forms/request.py +++ b/atst/forms/request.py @@ -11,7 +11,7 @@ class RequestForm(Form): # Details of Use: Overall Request Details dollar_value = IntegerField( - "What is the total estimated dollar value of the cloud resources you are requesting using the JEDI CSP Calculator? ", + "What is the total estimated dollar value of the cloud resources you are requesting using the JEDI CSP Calculator?", validators=[InputRequired(), NumberRange(min=1)], ) diff --git a/scss/core/_base.scss b/scss/core/_base.scss index d56847b9..57513b32 100644 --- a/scss/core/_base.scss +++ b/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; + } } diff --git a/scss/core/_grid.scss b/scss/core/_grid.scss index e00b4948..a18f6b44 100644 --- a/scss/core/_grid.scss +++ b/scss/core/_grid.scss @@ -13,6 +13,7 @@ display: flex; flex-direction: row; flex-wrap: wrap; + max-width: $site-max-width; } } diff --git a/scss/elements/_panels.scss b/scss/elements/_panels.scss index 357f01dd..6f655012 100644 --- a/scss/elements/_panels.scss +++ b/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; } + + } diff --git a/scss/sections/_footer.scss b/scss/sections/_footer.scss index 58ac49ce..b6161917 100644 --- a/scss/sections/_footer.scss +++ b/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; } \ No newline at end of file diff --git a/scss/sections/_sidenav.scss b/scss/sections/_sidenav.scss index 30dc7865..7b1b3d2c 100644 --- a/scss/sections/_sidenav.scss +++ b/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 { diff --git a/templates/footer.html.to b/templates/footer.html.to index fadd677b..b86f9b97 100644 --- a/templates/footer.html.to +++ b/templates/footer.html.to @@ -1,9 +1,3 @@ - + \ No newline at end of file diff --git a/templates/requests/sidebar.html.to b/templates/requests/sidebar.html.to index 6543fa2c..c9ed12f3 100644 --- a/templates/requests/sidebar.html.to +++ b/templates/requests/sidebar.html.to @@ -1,23 +1,31 @@ -