feat: align icons inline (#439)

anct-cartographie-nationale · Jan 23, 2024 · 825fac4 · 825fac4
1 parent f0937de
commit 825fac4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/features/orientation/components/besoin-link/besoin-link.component.html b/src/features/orientation/components/besoin-link/besoin-link.component.html
@@ -24,10 +24,9 @@ <h3 class="fs-6 mb-0">
     <i class="small text-muted-dark">{{ serviceItem.description }}</i>
   </div>
 
-  <span class="ms-auto d-flex flex-column">
-    <span role="img" class="ri-arrow-right-s-line text-muted-dark ri-2x mb-auto" aria-hidden="true"></span>
+  <span class="ms-auto d-flex align-items-center mt-3">
     <button
-      class="btn btn-link p-0 text-decoration-none z-index-over-base"
+      class="btn btn-link p-0 text-decoration-none z-index-over-base mb-auto"
       (click)="
         displayInformations.emit($any(serviceItem.value));
         displayInformationsInvokingContext.emit($event);
@@ -37,5 +36,6 @@ <h3 class="fs-6 mb-0">
       <span class="visually-hidden">Info</span>
       <span role="img" class="ri-information-line fw-normal text-muted-dark ri-2x text-opacity-50" aria-hidden="true"></span>
     </button>
+    <span role="img" class="ri-arrow-right-s-line text-muted-dark ri-2x mb-auto" aria-hidden="true"></span>
   </span>
 </div>