diff --git a/src/app/app.component.html b/src/app/app.component.html
index 84493431..534dbdf3 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -15,10 +15,8 @@
[appTitle]="appTitle"
[appLogo]="appLogo"
>
-
-
-
-
-
+
+
+
diff --git a/src/styles/libraries/_overrides.scss b/src/styles/libraries/_overrides.scss
index dd7545ee..1f847af9 100644
--- a/src/styles/libraries/_overrides.scss
+++ b/src/styles/libraries/_overrides.scss
@@ -19,7 +19,3 @@ $input-shadow: none;
display: block !important;
width: 80%;
}
-
-html {
- padding-top: $header-nav-height;
-}
diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss
index 19b17359..8519484f 100644
--- a/src/styles/partials/_forms.scss
+++ b/src/styles/partials/_forms.scss
@@ -277,6 +277,8 @@ mat-checkbox {
padding: 2rem 1rem;
box-sizing: border-box;
overflow: auto;
+ @extend .top-padding-nav;
+
.title {
color: $d-primary-intense;
margin-bottom: 36px;
diff --git a/src/styles/partials/_navigation.scss b/src/styles/partials/_navigation.scss
index 06d47c99..0a4d7805 100644
--- a/src/styles/partials/_navigation.scss
+++ b/src/styles/partials/_navigation.scss
@@ -117,7 +117,7 @@ a span.ui-steps-number {
width: 100%;
position: fixed;
right: 0;
- padding: 1rem 0;
+ padding: 1rem 0.5rem;
.button {
display: inline-block;
diff --git a/src/styles/partials/_responsive.scss b/src/styles/partials/_responsive.scss
index e56f44c4..b578050b 100644
--- a/src/styles/partials/_responsive.scss
+++ b/src/styles/partials/_responsive.scss
@@ -6,6 +6,9 @@
}
// wide screen like desktop
@media (min-width: $widescreen) {
+ .step {
+ padding: 2rem 0;
+ }
.date-choice > input:first-of-type {
width: 75%;
}
diff --git a/src/styles/partials/global.scss b/src/styles/partials/global.scss
index 71d7ac1a..b551de7e 100644
--- a/src/styles/partials/global.scss
+++ b/src/styles/partials/global.scss
@@ -1,8 +1,19 @@
@charset "UTF-8";
html {
- font-size: 1rem; /* 10px */
+ font-size: 1rem; /* equals 16px */
color: $font_color;
+ height: 100%;
+
+ * {
+ box-sizing: border-box;
+ }
+
+ overflow-x: hidden;
+}
+body {
+ height: 100%;
+ overflow-x: hidden;
}
form {
@@ -81,7 +92,9 @@ main {
}
}
}
-
+.top-padding-nav {
+ padding-top: $header-nav-height;
+}
.contained-in-main-column {
max-width: $main-column-width;
margin: 0 auto;
diff --git a/src/styles/themes/_base.scss b/src/styles/themes/_base.scss
index 1a3e78f0..d1a0d8ae 100644
--- a/src/styles/themes/_base.scss
+++ b/src/styles/themes/_base.scss
@@ -1,6 +1,5 @@
#big_container {
background: $white;
-
main {
margin-bottom: 2em;
padding-bottom: 5em;