From bbfd5bfc8e4e89e15de41f58e5b058f92440bc23 Mon Sep 17 00:00:00 2001
From: Priscila <Priscila.GarciaMendoza@alaskaair.com>
Date: Mon, 30 Oct 2023 12:36:08 -0700
Subject: [PATCH] fix(font): make departure/arrival time mobile font smaller
 #55

---
 src/style-flight-main.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/style-flight-main.scss b/src/style-flight-main.scss
index 9873f13..3e30cc8 100644
--- a/src/style-flight-main.scss
+++ b/src/style-flight-main.scss
@@ -42,7 +42,7 @@
 .departureTime {
   padding-bottom: var(--auro-size-xxxs);
   color: var(--auro-color-text-primary-on-light);
-  font-size: var(--auro-text-heading-700-size-breakpoint-sm);
+  font-size: var(--auro-text-heading-300-size);
   line-height: var(--auro-text-heading-700-height-breakpoint-md);
   text-align: left;
 }
@@ -55,7 +55,7 @@
 .arrivalTime {
   padding-bottom: var(--auro-size-xxxs);
   color: var(--auro-color-text-primary-on-light);
-  font-size: var(--auro-text-heading-700-size-breakpoint-sm);
+  font-size: var(--auro-text-heading-300-size);
   line-height: var(--auro-text-heading-700-height-breakpoint-md);
   text-align: right;
 }
@@ -77,3 +77,9 @@
   color: var(--auro-color-alert-error-on-light);
   text-decoration: line-through;
 }
+
+@include auro_breakpoint--sm {
+  .departureTime, .arrivalTime {
+    font-size: var(--auro-text-heading-700-size-breakpoint-sm);
+  }
+}