Permet le click sur toute la carte d'une combinaison d'environnements (…

…#611)

* allow click on whole combination card in a11y statement

* remove test css props

confiture-web-app/src/components/audit/AuditEnvironmentCheckbox.vue

@@ -29,6 +29,8 @@ function onInput() {
 
 <template>
   <div class="fr-p-3w container">
+    <!-- Allow click on the whole radio square -->
+    <div class="container-layer" @click="onInput" />
     <p
       v-if="platform === Platform.DESKTOP"
       class="fr-badge fr-badge--sm fr-badge--purple-glycine fr-mb-1w"
@@ -55,7 +57,7 @@ function onInput() {
     </div>
 
     <div
-      class="fr-table fr-table--bordered fr-table--layout-fixed fr-table--no-caption fr-mb-0"
+      class="fr-table fr-table--bordered fr-table--layout-fixed fr-table--no-caption fr-mb-0 combination-table"
     >
       <table :id="slugify(`combinations-table-${title}-${platform}`)">
         <caption>
@@ -84,7 +86,20 @@ function onInput() {
 <style scoped>
 .container {
   border: 1px solid var(--border-default-grey);
+  position: relative;
 }
+
+.container-layer {
+  position: absolute;
+  inset: 0;
+  cursor: pointer;
+}
+
+/* Override position to allow click on whole card */
+.combination-table {
+  position: initial;
+}
+
 .label::before {
   /* Align radio to label. This label size for radio does not exist in DSFR. */
   margin-top: 0.25rem !important;