add: style global du component form create quiz

src/app/modules/home/form-quiz/form-create-quiz/form-create-quiz.component.css

@@ -5,6 +5,30 @@
 
 .erreur {
     color:#FF0000;
-    font-size: 20;
+    font-size: 2vmin;
     font-weight: bold;
-}
\ No newline at end of file
+}
+
+.form-group {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+}
+
+.form-group label {
+    font-size: 3vmin;
+    font-weight: bold;
+}
+
+.form-control {
+    height: 100%;
+    width: 100%;
+    border-radius: 10px;
+    background-color: #FFFFFF;
+    border: 4px solid #F3F3F3;
+}
+
+.form-control:focus {
+    border-color: #1FA9FF;
+}

src/app/modules/home/form-quiz/form-create-quiz/form-create-quiz.component.html

@@ -25,7 +25,7 @@
         </div>
 
         <div class="button-group">
-            <button class="btn btn-primary" type="submit">PLAY</button>
+            <button class="blueButton" type="submit">PLAY</button>
         </div>
     </form>
 </div>

src/app/modules/home/form-quiz/form-create-quiz/form-create-quiz.component.ts

@@ -7,7 +7,7 @@ import { MatDialogRef } from '@angular/material/dialog';
 @Component({
     selector: 'app-form-create-quiz',
     templateUrl: './form-create-quiz.component.html',
-    styleUrl: './form-create-quiz.component.css',
+    styleUrls: ['./form-create-quiz.component.css','../../../../../styles.css'],
 })
 export class FormCreateQuizComponent implements OnInit {
     themes: { id: number; name: string }[] = [];
@@ -20,7 +20,6 @@ export class FormCreateQuizComponent implements OnInit {
     constructor(
         private formQuizService: FormQuizService,
         private fb: FormBuilder,
-        // private dialogRef: MatDialogRef<FormCreateQuizComponent>,
         private router: Router
     ) {}
     categories: { id: number; name: string }[] = [];
@@ -51,11 +50,6 @@ export class FormCreateQuizComponent implements OnInit {
                     difficulty: this.form.value.difficulty,
                 },
             });
-            // this.dialogRef.close();
         }
     }
-
-    handleClose() {
-    //     this.dialogRef.close();
-    }
 }