From f7d997dee35c5ad42e9e1412dafebd809f012e33 Mon Sep 17 00:00:00 2001
From: Eric Sun <ericsun828@gmail.com>
Date: Thu, 20 Feb 2025 19:24:26 -0500
Subject: [PATCH] make last updated icon larger and add a gap

---
 components/ClassPage/ClassPageInfoHeader.tsx | 4 ++--
 styles/pages/_ClassPage.scss                 | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/ClassPage/ClassPageInfoHeader.tsx b/components/ClassPage/ClassPageInfoHeader.tsx
index 244ca055..19c249e4 100644
--- a/components/ClassPage/ClassPageInfoHeader.tsx
+++ b/components/ClassPage/ClassPageInfoHeader.tsx
@@ -68,8 +68,8 @@ export function MobileClassPageInfoHeader({
         <span className="mobileClassPageInfoHeader--className">{name}</span>
         <LastUpdated
           lastUpdateTime={latestOccurrence.lastUpdateTime}
-          iconHeight="11"
-          iconWidth="11"
+          iconHeight="16"
+          iconWidth="16"
           className="mobileClassPageInfoHeader--lastUpdated"
         />
       </div>
diff --git a/styles/pages/_ClassPage.scss b/styles/pages/_ClassPage.scss
index de4e7c50..066f31e3 100644
--- a/styles/pages/_ClassPage.scss
+++ b/styles/pages/_ClassPage.scss
@@ -259,6 +259,9 @@
       font-style: italic;
       font-weight: 400;
       line-height: 18px;
+      display: flex;
+      flex-direction: row;
+      gap: 2px;
     }
 
     &--header {