fix: responsive text in accessibilite view (#346)

anct-cartographie-nationale · Sep 13, 2023 · ad12553 · ad12553
1 parent 08df995
commit ad12553
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/...components/lieux-mediation-numerique-details/boutons-action/boutons-action.component.html b/...components/lieux-mediation-numerique-details/boutons-action/boutons-action.component.html
@@ -1,5 +1,5 @@
 <div class="row gx-0 py-0 px-md-6 flex-md-row flex-column bg-light py-md-0 py-2">
-  <div class="col">
+  <div class="col me-1">
     <a
       class="btn btn-tile px-md-0 py-md-4 p-2 d-flex flex-md-column flex-row"
       [class.disabled]="!priseRdv"

diff --git a/...onents/lieux-mediation-numerique-details/lieux-mediation-numerique-details.component.html b/...onents/lieux-mediation-numerique-details/lieux-mediation-numerique-details.component.html
@@ -62,10 +62,10 @@
     </li>
     <li class="list-group-item">
       <div class="row">
-        <div class="col-md-4 mt-4">
+        <div class="col-md-5 mt-4">
           <app-horaires [horaires]="lieuMediationNumerique.horaires"></app-horaires>
         </div>
-        <div class="col-md-8 mt-md-0 mt-4">
+        <div class="col-md-7 mt-md-0 mt-4">
           <app-services [services]="lieuMediationNumerique.services"></app-services>
         </div>
       </div>

diff --git a/...ion/components/information-orientation-modal/information-orientation-modal.component.html b/...ion/components/information-orientation-modal/information-orientation-modal.component.html
@@ -4,8 +4,8 @@ <h3 class="text-primary fw-bold mb-4">{{ orientationInformation.titre }}</h3>
     <p [innerHTML]="orientationInformation.description"></p>
     <div *ngIf="orientationInformation.label" class="text-muted small mb-2">{{ orientationInformation.label }}</div>
     <i
-      style="font-size: 0.85em"
-      class="badge rounded-pill text-bg-light fw-normal me-2 ng-star-inserted"
+      style="font-size: 0.85em; white-space: normal"
+      class="badge rounded-pill text-bg-light fw-normal me-2 my-1 ng-star-inserted"
       *ngFor="let element of orientationInformation.elements">
       {{ element }}
     </i>