move nav padding, simplify home screen

src/app/app.component.html

@@ -15,10 +15,8 @@
 		[appTitle]="appTitle"
 		[appLogo]="appLogo"
 	></app-header>
-	<div [class.container]="!onHomePage">
+	<main [@routeAnimations]="prepareRoute(outlet)">
-		<main [@routeAnimations]="prepareRoute(outlet)">
+		<router-outlet #outlet></router-outlet>
-			<router-outlet #outlet></router-outlet>
+	</main>
-		</main>
-	</div>
 </div>
 <app-footer *ngIf="onHomePage || environment.display_menu_creation"></app-footer>

src/styles/libraries/_overrides.scss

@@ -19,7 +19,3 @@ $input-shadow: none;
 	display: block !important;
 	width: 80%;
 }
-
-html {
-	padding-top: $header-nav-height;
-}

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;

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;

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%;
 	}

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;

src/styles/themes/_base.scss

@@ -1,6 +1,5 @@
 #big_container {
 	background: $white;
-
 	main {
 		margin-bottom: 2em;
 		padding-bottom: 5em;