remove right padding on checkbox label

Author: bellangerq

confiture-web-app/src/components/AuditGenerationCriterium.vue

@@ -59,8 +59,8 @@ const result = computed(
     store.getCriteriumResult(
       props.page.id,
       props.topicNumber,
-      props.criterium.number
-    )!
+      props.criterium.number,
+    )!,
 );
 
 const notify = useNotifications();
@@ -77,7 +77,7 @@ function handleUploadExample(file: File) {
     notify(
       "error",
       "Le téléchargement de l'exemple a échoué",
-      "Poids du fichier trop lourd"
+      "Poids du fichier trop lourd",
     );
     return;
   }
@@ -88,7 +88,7 @@ function handleUploadExample(file: File) {
       props.page.id,
       props.topicNumber,
       props.criterium.number,
-      file
+      file,
     )
     .then(() => {
       notify("success", "Exemple téléchargé avec succès.");
@@ -100,7 +100,7 @@ function handleUploadExample(file: File) {
           notify(
             "error",
             "Le téléchargement de l'exemple a échoué",
-            "Poids du fichier trop lourd"
+            "Poids du fichier trop lourd",
           );
         }
 
@@ -113,28 +113,28 @@ function handleUploadExample(file: File) {
             notify(
               "error",
               "Le téléchargement de l'exemple a échoué",
-              "Format de fichier non supporté"
+              "Format de fichier non supporté",
             );
           } else if (body.message.includes("expected size")) {
             showFileSizeError.value = true;
             notify(
               "error",
               "Le téléchargement de l'exemple a échoué",
-              "Poids du fichier trop lourd"
+              "Poids du fichier trop lourd",
             );
           } else {
             notify(
               "error",
               "Le téléchargement de l'exemple a échoué",
-              "Une erreur inconnue est survenue"
+              "Une erreur inconnue est survenue",
             );
             captureWithPayloads(error);
           }
         } else {
           notify(
             "error",
             "Téléchargement échoué",
-            "Une erreur inconnue est survenue"
+            "Une erreur inconnue est survenue",
           );
           captureWithPayloads(error);
         }
@@ -149,7 +149,7 @@ function handleDeleteExample(image: ExampleImage) {
       props.page.id,
       props.topicNumber,
       props.criterium.number,
-      image.id
+      image.id,
     )
     .then(() => {
       notify("success", "Exemple supprimé avec succès");
@@ -158,7 +158,7 @@ function handleDeleteExample(image: ExampleImage) {
       notify(
         "error",
         "Echec de la suppression de l'exemple",
-        "Une erreur inconnue empêche la suppression de l'exemple."
+        "Une erreur inconnue empêche la suppression de l'exemple.",
       );
     });
 }
@@ -168,7 +168,7 @@ function handleUpdateResultError(err: any) {
   notify(
     "error",
     "Une erreur est survenue",
-    "Un problème empêche la sauvegarde de vos données. Contactez-nous à l'adresse contact@design.numerique.gouv.fr si le problème persiste."
+    "Un problème empêche la sauvegarde de vos données. Contactez-nous à l'adresse contact@design.numerique.gouv.fr si le problème persiste.",
   );
 }
 
@@ -189,7 +189,7 @@ const updateResultComment = debounce(
       handleUpdateResultError(error);
     }
   },
-  500
+  500,
 );
 
 function updateResultImpact(userImpact: CriterionResultUserImpact | null) {
@@ -262,7 +262,7 @@ const isOffline = useIsOffline();
           @input="updateTransverseStatus"
         />
         <label
-          class="fr-toggle__label fr-pr-2w"
+          class="fr-toggle__label"
           :for="`applicable-all-pages-${uniqueId}`"
         >
           <span class="sr-only">

confiture-web-app/src/components/NotApplicableSwitch.vue

@@ -17,7 +17,7 @@ const resultsStore = useResultsStore();
 const isChecked = computed(() =>
   resultsStore
     .getTopicResults(props.pageId, props.topicNumber)
-    .every((r) => r.status === CriteriumResultStatus.NOT_APPLICABLE)
+    .every((r) => r.status === CriteriumResultStatus.NOT_APPLICABLE),
 );
 
 const switchValue = ref(isChecked.value);
@@ -39,7 +39,7 @@ watch(switchValue, (switchValue) => {
       uniqueId,
       props.pageId,
       props.topicNumber,
-      CriteriumResultStatus.NOT_APPLICABLE
+      CriteriumResultStatus.NOT_APPLICABLE,
     );
   } else {
     resultsStore.revertTopicStatus(uniqueId, props.pageId, props.topicNumber);
@@ -56,10 +56,7 @@ watch(switchValue, (switchValue) => {
       class="fr-toggle__input"
       :disabled="isOffline"
     />
-    <label
-      class="fr-toggle__label fr-pr-2w"
-      :for="`topic-switch-${topicNumber}`"
-    >
+    <label class="fr-toggle__label" :for="`topic-switch-${topicNumber}`">
       Non applicable sur la page
     </label>
   </div>