recenter csc pages

sae-csc/src/app/app.scss

@@ -3,3 +3,7 @@ app-top-navigation {
   width: 100%;
   z-index: 200;
 }
+
+a {
+  cursor: pointer;
+}

sae-csc/src/app/pages/login/login.html

@@ -14,9 +14,24 @@
           Your <span class="magic-text">
         AI assistant
         <i class="ri-sparkling-fill"></i>
-      </span> for the best solution
+      </span> for finding the most relevant solutions to your CSC cases
         </div>
+
         <p>
+
+          <!--          <sae-m-button (click)="login()" [icon]="'ri-arrow-right-line'" [inconPosition]="'right'" [label]="'Login to start'"-->
+          <!--                        [style]="'primary'"></sae-m-button>-->
+          <a class="button has-gradient" routerLink="/home">
+          <span class="label">
+          Login to start
+          </span>
+            <span class="pipe">
+                        |
+                      </span>
+            <i class="ri-arrow-right-line"></i>
+          </a>
+        </p>
+        <p class="request_access">
           First time to use CSC Solution Matcher ?
           <a class="external-link" href="https://example.com/ask-access">
           <span class="label">
@@ -25,20 +40,9 @@
             <!--            <i class="ri-open-arm-line"></i>-->
           </a>
         </p>
-        <p>
-          <a class="button has-gradient" routerLink="/home">
-          <span class="label">
-          Login to start
-          </span>
-            <span class="pipe">
-              |
-            </span>
-            <i class="ri-arrow-right-line"></i>
-          </a>
-        </p>
 
       </div>
-      <div class="Aligner-item Aligner-item--bottom">
+      <div class="Aligner-item Aligner-item--bottom technical-contact">
         <a class="external-link"
            href="mailto:amal.ouiyzme@safrangroup.com?subject=Issue with the Solution Matcher Application&Hello, i enncountered an issue while using the application. \n Description, steps to reproduce, expected behavior, actual behavior: \n\nPlease help me. Best regards.">
         <span class="label">

sae-csc/src/app/pages/login/login.scss

@@ -10,6 +10,12 @@
   padding: 121px 127px;
 
 
+  .Aligner {
+    width: 80vw;
+    margin: 0 auto;
+    min-height: 1000px;
+  }
+
   .sub-title {
     color: #FFF;
     font-family: Barlow;
@@ -18,6 +24,7 @@
     font-weight: 600;
     line-height: normal;
     margin-bottom: 40px;
+    width: 440px;
   }
 
 
@@ -69,6 +76,14 @@
     font-weight: 600;
     line-height: 24px; /* 150% */
   }
+
+  .request_access {
+    margin-top: 32px;
+  }
+
+  .technical-contact {
+    margin-top: 225px;
+  }
 }
 
 .Aligner {
@@ -88,7 +103,7 @@
 .bg-login {
   background: url(/safran_bg.jpg) center no-repeat;
   background-size: cover;
-  width: 600px;
+  width: 591px;
   height: 100%;
   border-radius: 8px;
 }

sae-csc/src/app/pages/login/login.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {RouterLink} from '@angular/router';
+import {Router, RouterLink} from '@angular/router';
 
 @Component({
   selector: 'app-login',
@@ -11,4 +11,10 @@ import {RouterLink} from '@angular/router';
 })
 export class Login {
 
+  constructor(private router: Router) {
+  }
+
+  login() {
+    this.router.navigate(['/main']);
+  }
 }

sae-csc/src/app/pages/main/main.html

@@ -24,7 +24,7 @@
         </span>
       </div>
 
-      <sae-translate-texts (onSuggestionMade)="displayWarningToCheckFilters()"
+      <sae-translate-texts (updateFilters)="displayWarningToCheckFilters()"
                            [appState]="appState"></sae-translate-texts>
     </div>
     <!--  analyse de question-->

sae-csc/src/app/pages/main/main.scss

@@ -4,6 +4,13 @@
   margin: 0 auto;
 
   #question_analysis {
+    .title {
+      font-family: Barlow;
+      font-size: 16px;
+
+      line-height: 140%;
+    }
+
     sae-bot-talks {
       top: -50px;
       position: relative;
@@ -34,12 +41,12 @@
 
       padding-bottom: 16px;
 
-      width: 1600px;
+      //width: 1600px;
       margin: 0 auto;
 
       span {
         &:nth-of-type(1) {
-          width: 560px;
+          width: 624px;
           display: inline-block;
           text-align: right;
         }

sae-csc/src/app/redux/filters.ts

@@ -0,0 +1,3 @@
+export const filtersCSC = {
+  engineType: []
+}

sae-csc/src/app/redux/initialState.ts

@@ -51,15 +51,24 @@ export const initialState: StateInterface = {
         },]
       },
       ata: {
-        availableList: [],
+        availableList: [{
+          label: 'DEF',
+          value: 'DEF',
+        }],
         selectedList: []
       },
       partNumber: {
-        availableList: [],
+        availableList: [{
+          label: 'DEF',
+          value: 'DEF',
+        }],
         selectedList: []
       },
       technicalManual: {
-        availableList: [],
+        availableList: [{
+          label: 'DEF',
+          value: 'DEF',
+        }],
         selectedList: [{
           label: 'DEF',
           value: 'DEF',

sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html

@@ -3,9 +3,12 @@
     <a (click)="togglePrivacyPolicy()" class="nav-item" id="privacy_policy_popup">
       privacy policy
     </a>
-    <a class="nav-item">
+    <a class="nav-item" href="mailto:support@csc.safrangroup.com">
       contact
     </a>
+    <a class="nav-item" href="https://www.safran-group.com/mentions-legales">
+      mentions légales
+    </a>
   </nav>
   <div class="fixed-navigation">
     <a class="next-step" routerLink="/similar-cases">

sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.scss

@@ -3,6 +3,10 @@
   top: 1000px;
   padding: 0 60px 16px;
 
+  a {
+    text-decoration: none;
+  }
+
   .nav-item {
     display: inline-flex;
     padding: 12px 16px;

sae-csc/src/app/shared/translate-texts/translate-texts.scss

@@ -18,6 +18,7 @@
     height: 235px;
     width: 648px;
     overflow-y: auto;
+    border-radius: 8px;
   }
 
   .delete-button {

sae-csc/src/styles/_variables-barrel.scss

@@ -3,5 +3,7 @@
 
 .all-pages {
   padding: 70px 64px;
-  width: 100%;
+  width: 1440px;
+  margin: 0 auto;
+  background: #F5F5F5;
 }

sae-csc/src/styles/app/styles/pages/_main.scss

@@ -1,5 +1,11 @@
 @use '../../../../styles/variables-barrel' as variables;
 
+body {
+
+  font-family: Barlow;
+  background: #F5F5F5;
+}
+
 #main_page {
   main {
     @extend .all-pages;
@@ -24,6 +30,11 @@
         margin-left: 12px;
 
       }
+
+      i {
+        font-size: 16px;
+
+      }
     }