fix: padding footer structure (#424)

src/features/cartographie/components/lieux-mediation-numerique-details/lieux-mediation-numerique-details.component.html

@@ -138,20 +138,27 @@ <h2 class="h5 my-3 d-print-none fw-bold text-muted">Horaires détaillées</h2>
   <div #source class="bg-light px-3 py-3">
     <div class="mx-2">
       <app-source-donnees></app-source-donnees>
-      <button (click)="erreurFormModal.control.toggle($event)" class="btn btn-secondary btn-sm my-auto">
-        <i class="ri ri-error-warning-line ms-1" aria-hidden="true"></i>
-        Signaler une erreur
-      </button>
     </div>
     <hr class="text-info" />
   </div>
   <div class="row bg-light py-2 me-0">
-    <div class="col-6 ms-4">
-      <app-source-footer [sources]="lieuMediationNumerique.source" [date]="lieuMediationNumerique.date_maj"></app-source-footer>
+    <div class="col-6 ms-4 d-flex justify-content-between flex-column">
+      <h2 class="h5 text-muted text-uppercase text-center">Une erreur sur les données ?</h2>
+      <div class="text-center mb-4">
+        <button (click)="erreurFormModal.control.toggle($event)" class="btn btn-secondary btn-sm m-auto">
+          <i class="ri ri-alert-line ms-1" aria-hidden="true"></i>
+          Signaler une erreur
+        </button>
+      </div>
+      <app-text-separator background="light">OU</app-text-separator>
+      <app-source-footer [sources]="lieuMediationNumerique.source"></app-source-footer>
     </div>
-    <div class="col-5 bg-secondary py-3 ms-3">
+    <div class="col-5 bg-secondary py-2 ms-2 align-items=stretch">
       <app-webinaire></app-webinaire>
     </div>
+    <div class="col m-4 mt-2">
+      <small class="fst-italic text-muted">Dernière mise à jour {{ lieuMediationNumerique.date_maj | date : 'dd/MM/y' }}</small>
+    </div>
   </div>
   <div class="bg-primary p-2">
     <app-bandeau-erreur

src/features/cartographie/components/lieux-mediation-numerique-details/source-footer/source-footer.component.html

@@ -1,32 +1,20 @@
-<h2 class="h5 text-muted text-uppercase">Vous travaillez dans cette structure ?</h2>
-<p>
-  Mettez vous même les données de votre
-  <br />
-  structure à jour
-</p>
-<div class="row flex-column" *ngIf="sources">
-  <div *ngFor="let source of sources" class="col my-2">
-    <div class="bg-secondary py-3 d-flex align-items-center">
-      <div class="d-flex align-items-center ms-2">
-        <span class="circle-wrapper-light">
-          <img
-            *ngIf="source.logo as logo"
-            class="img-fluid p-2"
-            [src]="assetsConfiguration.path + '/img/logo/source-update/' + logo + '.svg'"
-            alt="{{ source.label }}" />
-        </span>
-        <div class="flex-column mt-2 ms-2">
-          <a
-            role="button"
-            [attr.href]="source?.update_link"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="text-decoration-none mt-1">
-            <p class="mb-0 text-dark fw-bold">{{ source.label }}</p>
-          </a>
-          <span class="fst-italic me-2">Dernière mise à jour {{ date | date : 'dd/MM/y' }}</span>
-        </div>
-      </div>
-    </div>
+<div *ngFor="let source of sources" class="bg-secondary d-flex p-3">
+  <span class="circle-wrapper-light">
+    <img
+      *ngIf="source.logo as logo"
+      class="img-fluid p-2"
+      [src]="assetsConfiguration.path + '/img/logo/source-update/' + logo + '.svg'"
+      alt="{{ source.label }}" />
+  </span>
+  <div class="flex-column mt-2 ms-2">
+    <small class="fst-italic d-block text-muted">Vous travaillez dans cette structure ?</small>
+    <a
+      role="button"
+      [attr.href]="source?.update_link"
+      target="_blank"
+      rel="noopener noreferrer"
+      class="text-decoration-none mt-1 fw-bold text-dark">
+      Modifier sur {{ source.label }}
+    </a>
   </div>
 </div>

src/features/cartographie/components/lieux-mediation-numerique-details/source-footer/source-footer.component.ts

@@ -8,7 +8,6 @@ import { ASSETS_TOKEN, AssetsConfiguration } from 'projects/client-application/s
   templateUrl: './source-footer.component.html'
 })
 export class SourceFooterComponent {
-  @Input() public date: Date | undefined;
   @Input() public sources: SourcePresentation[] | undefined;
 
   public constructor(@Inject(ASSETS_TOKEN) public assetsConfiguration: AssetsConfiguration) {}