💄 certif: change background color on invigilator form page

Author: AndreiaPena

certif/app/components/login-session-supervisor/footer.scss

@@ -1,4 +1,4 @@
-#login-session-supervisor-page > main > footer {
+.login-session-supervisor-page > main > footer {
   border-radius: 0 0 10px 10px;
   background: var(--pix-neutral-20);
   display: flex;

certif/app/components/login-session-supervisor/form.scss

@@ -1,4 +1,4 @@
-#login-session-supervisor-page > main > section {
+.login-session-supervisor-page > main > section {
   p.error-message {
     margin-bottom: 10px;
     text-align: center;

certif/app/components/login-session-supervisor/header.scss

@@ -1,4 +1,4 @@
-#login-session-supervisor-page > main > section {
+.login-session-supervisor-page > main > section {
   header {
     text-align: center;
 

certif/app/components/login-session-supervisor/index.gjs

@@ -55,7 +55,7 @@ export default class LoginSessionSupervisor extends Component {
   }
 
   <template>
-    <div id='login-session-supervisor-page'>
+    <div id='login-session-supervisor-page' class='login-session-supervisor-page'>
       <main>
         <section>
           <LoginSessionSupervisorHeader @errorMessage={{this.errorMessage}} />

certif/app/components/login-session-supervisor/index.scss

@@ -1,7 +1,6 @@
-#login-session-supervisor-page {
+.login-session-supervisor-page {
   align-items: center;
-  background: $pix-primary-certif-gradient;
-  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
+  background: var(--pix-certif-500);
   display: flex;
   flex-direction: column;
   height: 100px;