From 20296ac149e3c1652f5d14d69d819ce0f2b4425c Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 17 Jun 2026 14:51:53 +0200
Subject: [PATCH] =?UTF-8?q?style(transport)=20:=20datatable=20qualimat=20t?=
 =?UTF-8?q?able-fixed=20(radio=20=C3=A9troit,=20colonnes=20=C3=A9gales)=20?=
 =?UTF-8?q?+=20ic=C3=B4nes=20onglets=20prix/qualimat=20(ERP-170)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transport/pages/carriers/[id]/edit.vue       |  2 +-
 .../transport/pages/carriers/[id]/index.vue      |  2 +-
 .../modules/transport/pages/carriers/new.vue     | 16 ++++++++++++++--
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/frontend/modules/transport/pages/carriers/[id]/edit.vue b/frontend/modules/transport/pages/carriers/[id]/edit.vue
index d4a6588..11b1e97 100644
--- a/frontend/modules/transport/pages/carriers/[id]/edit.vue
+++ b/frontend/modules/transport/pages/carriers/[id]/edit.vue
@@ -268,7 +268,7 @@ const certificationOptions = computed<SelectOption[]>(() => {
 const TAB_ICONS: Record<string, string> = {
     addresses: 'mdi:map-marker-outline',
     contacts: 'mdi:account-box-plus-outline',
-    prices: 'mdi:currency-eur',
+    prices: 'mdi:payment',
 }
 const activeTab = ref('addresses')
 const tabs = computed(() => ['addresses', 'contacts', 'prices'].map(key => ({
diff --git a/frontend/modules/transport/pages/carriers/[id]/index.vue b/frontend/modules/transport/pages/carriers/[id]/index.vue
index f9d0a6b..1198895 100644
--- a/frontend/modules/transport/pages/carriers/[id]/index.vue
+++ b/frontend/modules/transport/pages/carriers/[id]/index.vue
@@ -295,7 +295,7 @@ const activeTab = ref('addresses')
 const TAB_ICONS: Record<string, string> = {
     addresses: 'mdi:map-marker-outline',
     contacts: 'mdi:account-box-plus-outline',
-    prices: 'mdi:currency-eur',
+    prices: 'mdi:payment',
 }
 const tabs = computed(() => ['addresses', 'contacts', 'prices'].map(key => ({
     key,
diff --git a/frontend/modules/transport/pages/carriers/new.vue b/frontend/modules/transport/pages/carriers/new.vue
index 4d92fea..1958abe 100644
--- a/frontend/modules/transport/pages/carriers/new.vue
+++ b/frontend/modules/transport/pages/carriers/new.vue
@@ -158,7 +158,10 @@
                  (pas de champ de recherche dédié — RG-4.01 / 4.04). -->
             <template #qualimat>
                 <div class="mt-12 flex flex-col gap-6">
+                    <!-- table-fixed : 1re colonne (radio) étroite, les 3 autres à parts égales. -->
                     <MalioDataTable
+                        class="qualimat-table"
+                        table-class="table-fixed"
                         :columns="qualimatColumns"
                         :items="qualimatRows"
                         :total-items="qualimatTotalDisplay"
@@ -491,10 +494,10 @@ const qualimatEmptyMessage = computed(() => hasQualimatSearch.value
 
 // Icone (Iconify) affichee dans chaque onglet, par cle.
 const TAB_ICONS: Record<string, string> = {
-    qualimat: 'mdi:truck-check-outline',
+    qualimat: 'mdi:truck-fast-outline',
     addresses: 'mdi:map-marker-outline',
     contacts: 'mdi:account-box-plus-outline',
-    prices: 'mdi:currency-eur',
+    prices: 'mdi:payment',
 }
 
 // Onglets desactives tant que le formulaire principal n'est pas valide
@@ -754,3 +757,12 @@ async function onSubmitMain(): Promise<void> {
     }
 }
 </script>
+
+<style scoped>
+/* Datatable QUALIMAT en table-fixed : la colonne radio (1re) reste étroite,
+   les 3 autres (nom / adresse / validité) se partagent l'espace à parts égales. */
+.qualimat-table :deep(th:first-child),
+.qualimat-table :deep(td:first-child) {
+    width: 56px;
+}
+</style>