feat(DeparutreCard): Align the carat with the center of the card

mbta · Sep 26, 2023 · 9b4327c · 9b4327c
1 parent 958c3ff
commit 9b4327c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/apps/site/assets/css/_flex.scss b/apps/site/assets/css/_flex.scss
@@ -18,3 +18,7 @@
 .align-items-center {
   align-items: center;
 }
+
+.align-self-center {
+  align-self: center;
+}
diff --git a/apps/site/assets/ts/stop/components/DepartureTimes.tsx b/apps/site/assets/ts/stop/components/DepartureTimes.tsx
@@ -164,7 +164,7 @@ const ClickableDepartureRow = ({
         {breakTextAtSlash(headsignName)}
       </div>
       {children}
-      <div style={{ marginLeft: "0.5em" }}>
+      <div style={{ marginLeft: "0.5em" }} className="d-flex align-self-center">
         {renderFa("fa-fw", "fa-angle-right")}
       </div>
     </div>