diff --git a/src/components/device-management/device-management.ts b/src/components/device-management/device-management.ts index e6efee3..feb41a8 100644 --- a/src/components/device-management/device-management.ts +++ b/src/components/device-management/device-management.ts @@ -87,10 +87,36 @@ export class DeviceManagementComponent extends HTMLElement { .header p { color: #666; - margin: 0; + margin: 0 0 20px 0; font-size: 16px; } + .contract-description { + background: rgba(58, 80, 107, 0.05); + border-radius: 8px; + padding: 20px; + margin-top: 20px; + border-left: 4px solid #3a506b; + } + + .contract-description p { + margin: 0 0 10px 0; + color: #3a506b; + font-size: 14px; + } + + .contract-description ul { + margin: 0; + padding-left: 20px; + } + + .contract-description li { + margin-bottom: 8px; + color: #555; + font-size: 14px; + line-height: 1.4; + } + .current-device { background: #f8f9fa; border-radius: 8px; @@ -334,8 +360,17 @@ export class DeviceManagementComponent extends HTMLElement {
Contrat de pairing sécurisé avec authentification 4 mots
+Gestion sécurisée de vos devices avec authentification 4 mots
+📋 Description du contrat :
+