Affichage en grille des notes sur tablette/desktop

src/views/grades/GradesView.vue

@@ -1014,6 +1014,13 @@
 		background: var(--ion-color-step-50);
 	}
 
+	@media screen and (min-width: 900px) {
+		#NotesData {
+			display: grid;
+			grid-template-columns: 1fr 1fr;
+		}
+	}
+
 	.ios .gradeItem {
 		--border-color: var(--ion-color-step-150);
 	}

src/views/timetable/TimetableView.vue

@@ -686,19 +686,16 @@
 							<ion-button @click="setNewCoursModalOpen(false)">Annuler</ion-button>
 						</ion-buttons>
 
+						<IonTitle>
+							<ion-input type="text" name="CourseTitle" ref="newCoursNameRef" placeholder="Nom du cours"></ion-input>
+						</IonTitle>
+
 						<ion-buttons slot="end">
 							<ion-button @click="addNewCours()" color="primary">Ajouter</ion-button>
 						</ion-buttons>
 					</IonToolbar>
 				</IonHeader>
 				<ion-content>
-					<ion-list inset>
-						<ion-item class="textInput">
-							<span class="material-symbols-outlined mdls" slot="start" style="margin-right:15px">school</span>
-							<ion-input type="text" name="CourseTitle" ref="newCoursNameRef" placeholder="Nom du cours"></ion-input>
-						</ion-item>
-					</ion-list>
-
 					<ion-list inset>
 						<ion-item class="textInput">
 							<span class="material-symbols-outlined mdls" slot="start" style="margin-right:15px">location_on</span>
@@ -935,6 +932,14 @@
 		background: var(--ion-color-step-25, #f9f9f9);
 	}
 
+	.dark .ios .newCoursModal {
+		--ion-toolbar-background: var(--ion-color-step-50, #1f1f1f) !important;
+	}
+
+	.dark .ios .newCoursModal ion-content::part(scroll) {
+		background: var(--ion-color-step-25, #111);
+	}
+
 	.ios .newCoursModal ion-list.list-inset {
 		background : var(--ion-background-color) !important;
 		border-radius: 10px !important;
@@ -945,15 +950,15 @@
 	}
 
 	.dark .ios .newCoursModal ion-list.list-inset {
-		background : var(--ion-color-step-100) !important;
+		background : var(--ion-color-step-50) !important;
 	}
 
 	.dark .ios .newCoursModal ion-list.list-inset > * {
-		--background : var(--ion-color-step-100) !important;
+		--background : var(--ion-color-step-50) !important;
 	}
 
 	.dark .ios .newCoursModal .timeInput {
-		background: var(--ion-color-step-150) !important;
+		background: var(--ion-color-step-100) !important;
 	}
 
 	.ios .newCoursModal {