fix(frontend): update margins

Author: pYassine

.talismanrc

@@ -1,60 +1,60 @@
 fileignoreconfig:
-  - filename: .kontinuous/env/dev/templates/backend.sealed-secret.yaml
-    checksum: b0fb543f5704f8c6c0410bd9d4dcb3fb0ee81078750f46cebeca6c37b56b63a8
-  - filename: .kontinuous/env/preprod/templates/backend.sealed-secret.yaml
-    checksum: 4328b99895292731f5e4e75391b442d1c098aff466c1649faa7c1840550a6cd6
-  - filename: .kontinuous/env/prod/templates/backend.sealed-secret.yaml
-    checksum: a6d69a27445845d23455b1440f449485fbeefd07ca2549f96b8dea8603e584bd
-  - filename: _docs/dev/0.run-local-env.md
-    checksum: 855b6f29ace746c86597d36382dbe7e40f771137734e3bf5eb53c948d6592a74
-  - filename: _scripts/db/dumps/domifa_test.postgres.restore-data-only.sql
-    checksum: f6e35be32579c7a13ed58db688c20a68521d89ece97171647cc2a3c58ac5cec5
-  - filename: _scripts/db/dumps/domifa_test.postgres.truncate-restore-data-only.sql
-    checksum: 0f73652f32a4d79243ee555a5dd6e5ca2186c87a3d0622a564328492e580a03c
-  - filename: package.json
-    checksum: 465eda885229f86c2fe1481503d698968fc73ecf71925e5b989294834822b509
-  - filename: packages/backend/package.json
-    checksum: 2f5813dbc35cdc3659516beabf9f93e2978eb62d1b5403cfbb2907f22bb25355
-  - filename: packages/backend/src/_migrations/1757532174131-auto-migration.ts
-    checksum: e2d06e63d58935b349f2591b0a3c407c254be26c4e833456829e7c605fc7411b
-  - filename: packages/backend/src/_migrations/1759327920930-auto-migration.ts
-    checksum: f9096a9010ab4dd663b09c37d6c84f3b9f273cf0fd9ac02d850bbafcc16371d0
-  - filename: packages/backend/src/_migrations/1760044365787-auto-migration.ts
-    checksum: 05cafb91fb17905b562fe559181b2d2e9eed43a650b07025a15e58d9311d4411
-  - filename: packages/backend/src/_migrations/1763999725431-auto-migration.ts
-    checksum: 3762d1281d4109a0f57e6f100d49340db6528a17b4b9421d02cf0349b93fc3a0
-  - filename: packages/backend/src/_migrations/_init-db/domifa_test_schema.sql
-    checksum: eb5830a53f6558916812a8c3628d7ffed713dc4d0842eee7580dccbae28bd607
-  - filename: packages/frontend/src/app/modules/general/components/faq/fragments/faq-fiches/faq-fiches.component.html
-    checksum: d15e4ac782125d7ce36a51c4beaa9ff328a3861ade4fcc6df7aa4ad8e93fb2e3
-  - filename: packages/frontend/src/app/modules/general/components/faq/fragments/faq-usage/faq-usage.component.html
-    checksum: bf8eacf9a3159ca56a992bf6595764bbc39918f9b146f6bb0a916635d6c524a5
-  - filename: packages/frontend/src/app/modules/general/components/static-pages/politique/politique.component.html
-    checksum: 2fe09c9da87a5780f4a852920721c744d65e65700f44ce2822359bf6ba2b5fc0
-  - filename: packages/frontend/src/assets/images/discover/partenaire-fabrique.svg
-    checksum: 57fe56d87f88e2640091654f554b10d1b10b971b65967a4ae28b6133259fe3b1
-  - filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.spec.ts
-    checksum: 8f66091255109d0da277819584c6c69d4a7f720256842851a49b0dda16af6651
-  - filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.ts
-    checksum: a0fbc6fca054f17c58d411b55a45acfa2351309a270968298aafcede7b7ae31f
-  - filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/services/structuresSearchStringFilter.service.ts
-    checksum: fe3243c2d2adc23ed62431597b6ae7b3cb61fb25d876f1ada2de5387f0872b0b
-  - filename: packages/portail-admins/src/app/modules/admin-structures/components/structure-filters/structure-filters.component.spec.ts
-    checksum: d202296bc7f349c0dc6bf140be961d8c321f57d9188325a07c49a6ca10c55b3b
-  - filename: packages/portail-admins/src/app/modules/admin-structures/components/structure-filters/structure-filters.component.ts
-    checksum: e6d4d9afca6797fbf98f12db96ad37a21d61289539827390ba5b4aefeb92a6b2
-  - filename: packages/portail-admins/src/app/modules/admin-structures/utils/structure-filter-criteria.ts
-    checksum: c54f1bf45a44280960869561243668e7a92713fb5265f008a95fc3fe66014bf1
-  - filename: packages/portail-admins/src/app/modules/general/components/static-pages/politique/politique.component.ts
-    checksum: d1cc83582130541b0aff2b8b3984e907b889c057b21f8f251c9b55583e864703
-  - filename: packages/portail-usagers/src/app/modules/general/components/_static/politique/politique.component.html
-    checksum: c569c439ae74865248ff9a0840b658903e31f2b64af367760de27155957c6ea9
-  - filename: packages/portail-usagers/src/app/modules/general/components/_static/politique/politique.component.ts
-    checksum: dfdbbe1892cf17b22d28f529914eb5df3a07063d5e3071e59c36c907020260d3
-  - filename: pnpm-lock.yaml
-    checksum: 76eefff26be1587a785ad9c7b43a263c809e3baec62c39cc5b7cc4cacaaa05b6
+- filename: .kontinuous/env/dev/templates/backend.sealed-secret.yaml
+  checksum: b0fb543f5704f8c6c0410bd9d4dcb3fb0ee81078750f46cebeca6c37b56b63a8
+- filename: .kontinuous/env/preprod/templates/backend.sealed-secret.yaml
+  checksum: 4328b99895292731f5e4e75391b442d1c098aff466c1649faa7c1840550a6cd6
+- filename: .kontinuous/env/prod/templates/backend.sealed-secret.yaml
+  checksum: a6d69a27445845d23455b1440f449485fbeefd07ca2549f96b8dea8603e584bd
+- filename: _docs/dev/0.run-local-env.md
+  checksum: 855b6f29ace746c86597d36382dbe7e40f771137734e3bf5eb53c948d6592a74
+- filename: _scripts/db/dumps/domifa_test.postgres.restore-data-only.sql
+  checksum: f6e35be32579c7a13ed58db688c20a68521d89ece97171647cc2a3c58ac5cec5
+- filename: _scripts/db/dumps/domifa_test.postgres.truncate-restore-data-only.sql
+  checksum: 0f73652f32a4d79243ee555a5dd6e5ca2186c87a3d0622a564328492e580a03c
+- filename: package.json
+  checksum: 465eda885229f86c2fe1481503d698968fc73ecf71925e5b989294834822b509
+- filename: packages/backend/package.json
+  checksum: 2f5813dbc35cdc3659516beabf9f93e2978eb62d1b5403cfbb2907f22bb25355
+- filename: packages/backend/src/_migrations/1757532174131-auto-migration.ts
+  checksum: e2d06e63d58935b349f2591b0a3c407c254be26c4e833456829e7c605fc7411b
+- filename: packages/backend/src/_migrations/1759327920930-auto-migration.ts
+  checksum: f9096a9010ab4dd663b09c37d6c84f3b9f273cf0fd9ac02d850bbafcc16371d0
+- filename: packages/backend/src/_migrations/1760044365787-auto-migration.ts
+  checksum: 05cafb91fb17905b562fe559181b2d2e9eed43a650b07025a15e58d9311d4411
+- filename: packages/backend/src/_migrations/1763999725431-auto-migration.ts
+  checksum: 3762d1281d4109a0f57e6f100d49340db6528a17b4b9421d02cf0349b93fc3a0
+- filename: packages/backend/src/_migrations/_init-db/domifa_test_schema.sql
+  checksum: eb5830a53f6558916812a8c3628d7ffed713dc4d0842eee7580dccbae28bd607
+- filename: packages/frontend/src/app/modules/general/components/faq/fragments/faq-fiches/faq-fiches.component.html
+  checksum: d15e4ac782125d7ce36a51c4beaa9ff328a3861ade4fcc6df7aa4ad8e93fb2e3
+- filename: packages/frontend/src/app/modules/general/components/faq/fragments/faq-usage/faq-usage.component.html
+  checksum: bf8eacf9a3159ca56a992bf6595764bbc39918f9b146f6bb0a916635d6c524a5
+- filename: packages/frontend/src/app/modules/general/components/static-pages/politique/politique.component.html
+  checksum: 2fe09c9da87a5780f4a852920721c744d65e65700f44ce2822359bf6ba2b5fc0
+- filename: packages/frontend/src/assets/images/discover/partenaire-fabrique.svg
+  checksum: 57fe56d87f88e2640091654f554b10d1b10b971b65967a4ae28b6133259fe3b1
+- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.spec.ts
+  checksum: 8f66091255109d0da277819584c6c69d4a7f720256842851a49b0dda16af6651
+- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.ts
+  checksum: a0fbc6fca054f17c58d411b55a45acfa2351309a270968298aafcede7b7ae31f
+- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/services/structuresSearchStringFilter.service.ts
+  checksum: fe3243c2d2adc23ed62431597b6ae7b3cb61fb25d876f1ada2de5387f0872b0b
+- filename: packages/portail-admins/src/app/modules/admin-structures/components/structure-filters/structure-filters.component.spec.ts
+  checksum: d202296bc7f349c0dc6bf140be961d8c321f57d9188325a07c49a6ca10c55b3b
+- filename: packages/portail-admins/src/app/modules/admin-structures/components/structure-filters/structure-filters.component.ts
+  checksum: e6d4d9afca6797fbf98f12db96ad37a21d61289539827390ba5b4aefeb92a6b2
+- filename: packages/portail-admins/src/app/modules/admin-structures/utils/structure-filter-criteria.ts
+  checksum: c54f1bf45a44280960869561243668e7a92713fb5265f008a95fc3fe66014bf1
+- filename: packages/portail-admins/src/app/modules/general/components/static-pages/politique/politique.component.ts
+  checksum: d1cc83582130541b0aff2b8b3984e907b889c057b21f8f251c9b55583e864703
+- filename: packages/portail-usagers/src/app/modules/general/components/_static/politique/politique.component.html
+  checksum: c569c439ae74865248ff9a0840b658903e31f2b64af367760de27155957c6ea9
+- filename: packages/portail-usagers/src/app/modules/general/components/_static/politique/politique.component.ts
+  checksum: dfdbbe1892cf17b22d28f529914eb5df3a07063d5e3071e59c36c907020260d3
+- filename: pnpm-lock.yaml
+  checksum: 04944a039a66ffc4e33f62949d78d210900a1d95b38b358168bfb56708dc95da
 allowed_patterns:
-  - uses:\s*[\w\-\.]+/[\w\-\.]+@[a-fA-F0-9]{40}
-  - uses:\s*[\w\-\.]+/[\w\-\.]+/[\w\-\./]*@[a-fA-F0-9]{40}
+- uses:\s*[\w\-\.]+/[\w\-\.]+@[a-fA-F0-9]{40}
+- uses:\s*[\w\-\.]+/[\w\-\.]+/[\w\-\./]*@[a-fA-F0-9]{40}
 threshold: medium
 version: "1.0"

packages/frontend/angular.json

@@ -33,7 +33,6 @@
               "src/assets/css/forms.scss",
               "src/assets/css/main.scss",
               "src/assets/css/print.css",
-              "src/assets/css/icons.css",
               "node_modules/intl-tel-input/build/css/intlTelInput.css"
             ],
             "scripts": ["./node_modules/@gouvfr/dsfr/dist/dsfr/dsfr.module.js"],

packages/frontend/package.json

@@ -41,7 +41,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@gouvfr/dsfr": "^1.14.2",
+    "@gouvfr/dsfr": "1.14.4",
     "@khazii/ngx-intl-tel-input": "^17.0.1",
     "@ng-bootstrap/ng-bootstrap": "^17.0.1",
     "@ngrx/effects": "^18.1.1",
@@ -102,6 +102,7 @@
     "parchment": "^3.0.0",
     "quill": "^2.0.3",
     "quill-delta": "^5.1.0",
+    "remixicon": "^4.9.1",
     "rfdc": "1.4.1",
     "rxjs": "^7.8.2",
     "slug": "^9.1.0",

packages/frontend/src/_common/model/interaction/INTERACTION_ICONS.const.ts

@@ -33,7 +33,7 @@ export const INTERACTION_ICONS: Record<
     label: "Appel",
   },
   visite: {
-    icon: "fr-icon-walk-line",
+    icon: "ri-walk-fill",
     label: "Visite",
   },
 } as const;

packages/frontend/src/app/modules/auth/components/login-container/login-container.component.html

@@ -1,28 +1,34 @@
-<div class="d-flex flex-row gap-0">
-  <div class="fr-background-alt--grey flex-grow-1 d-none d-sm-flex">
+<div class="fr-display-flex fr-flex-row fr-gap-0w">
+  <div class="fr-background-alt--grey fr-flex-grow-1 d-none d-sm-flex">
     <!-- clearfix -->
   </div>
-  <div class="fr-container d-flex flex-row flex-shrink-0 p-0">
+  <div class="fr-container fr-display-flex fr-flex-row flex-shrink-0 p-0">
     <div
-      class="fr-col-12 fr-col-md-6 fr-col-sm-6 d-flex flex-column align-items-left px-3 py-5 fr-background-alt--grey"
+      class="fr-col-12 fr-col-md-6 fr-col-sm-6 fr-display-flex fr-flex-column align-items-left px-3 py-5 fr-background-alt--grey"
     >
       <router-outlet> </router-outlet>
     </div>
-    <div class="fr-col-12 fr-col-md-6 fr-col-sm-6 d-flex d-none d-sm-flex p-4">
-      <div class="d-flex flex-column justify-content-center">
+    <div
+      class="fr-col-12 fr-col-md-6 fr-col-sm-6 fr-display-flex d-none d-sm-flex p-4"
+    >
+      <div class="fr-display-flex fr-flex-column fr-justify-content-center">
         <div
-          class="row d-flex gap-2 align-self-start align-content-center py-4"
+          class="fr-grid-row fr-display-flex fr-gap-2w fr-align-self-start align-content-center py-4"
         >
-          <div class="d-flex flex-column fr-col-5 fr-col-md-5 fr-col-sm-12">
-            <div class="d-flex flex-column fr-col-12 fr-col-md-12 fr-col-sm-12">
+          <div
+            class="fr-display-flex fr-flex-column fr-col-5 fr-col-md-5 fr-col-sm-12"
+          >
+            <div
+              class="fr-display-flex fr-flex-column fr-col-12 fr-col-md-12 fr-col-sm-12"
+            >
               <img src="assets/images/logo.svg" alt="" />
             </div>
           </div>
           <p class="fr-text-title--blue-france fw-bold">
             Votre outil de gestion pour simplifier la domiciliation
           </p>
           <div
-            class="fr-col-12 fr-col-md-12 fr-col-sm-12 justify-content-center d-flex"
+            class="fr-col-12 fr-col-md-12 fr-col-sm-12 fr-justify-content-center fr-display-flex"
           >
             <img
               aria-hidden="true"
@@ -35,7 +41,7 @@
       </div>
     </div>
   </div>
-  <div class="flex-grow-1 d-none d-sm-flex">
+  <div class="fr-flex-grow-1 d-none d-sm-flex">
     <!-- clearfix -->
   </div>
 </div>

packages/frontend/src/app/modules/auth/components/login/login-form.component.html

@@ -1,10 +1,10 @@
-<h1 class="align-self-start fr-h3">Se connecter avec mon compte</h1>
+<h1 class="fr-align-self-start fr-h3">Se connecter avec mon compte</h1>
 <span class="fr-col-12 fr-col-md-12 fr-text-default--error">
   * champs obligatoires
 </span>
 <form
   [formGroup]="loginForm"
-  class="column d-flex flex-column gap-3 pt-4 pt-md-5 pb-4 pb-md-5"
+  class="column fr-display-flex fr-flex-column fr-gap-3w pt-4 pt-md-5 pb-4 pb-md-5"
   (ngSubmit)="login()"
 >
   @if (loginError) {
@@ -102,8 +102,8 @@ <h1 class="align-self-start fr-h3">Se connecter avec mon compte</h1>
       Mot de passe oublié ?
     </a>
   </div>
-  <div class="fr-input-group my-2 fr-text--center">
-    <button type="submit" class="fr-btn d-flex flex-column w-100">
+  <div class="fr-input-group fr-my-2w fr-text--center">
+    <button type="submit" class="fr-btn fr-display-flex fr-flex-column w-100">
       @if (!loading) {
       <span>Se connecter</span>
       } @if (loading) {
@@ -119,13 +119,13 @@ <h1 class="align-self-start fr-h3">Se connecter avec mon compte</h1>
   </div>
 
   <hr />
-  <div class="fr-col-12 d-flex flex-column gap-2">
+  <div class="fr-col-12 fr-display-flex fr-flex-column fr-gap-2w">
     <h2 class="fr-h5 mb-0">Votre structure n’est pas encore inscrite ?</h2>
-    <div class="fr-input-group my-2 fr-text--center">
+    <div class="fr-input-group fr-my-2w fr-text--center">
       <a
         routerLink="/structures/inscription"
         id="inscriptionLink"
-        class="fr-btn fr-btn--secondary d-flex flex-column w-100"
+        class="fr-btn fr-btn--secondary fr-display-flex fr-flex-column w-100"
       >
         Inscrivez votre structure
       </a>

packages/frontend/src/app/modules/general/components/contact-support/contact-support.component.html

@@ -141,7 +141,6 @@ <h2 class="fr-mb-0">Remplir le formulaire de contact</h2>
         </div>
       </div>
 
-      <!-- Email + Téléphone -->
       <div class="fr-grid-row fr-grid-row--gutters fr-mb-3w">
         <div class="fr-col-12 fr-col-md-6">
           <div
@@ -153,6 +152,8 @@ <h2 class="fr-mb-0">Remplir le formulaire de contact</h2>
             <label class="fr-label" for="email">
               Adresse email de contact
             </label>
+            <p class="fr-hint-text empty-hint"></p>
+
             <input
               type="email"
               id="email"