make last updated icon larger and add a gap

sandboxnu · Feb 21, 2025 · f7d997d · f7d997d
1 parent 2c488c7
commit f7d997d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -259,6 +259,9 @@
       font-style: italic;
       font-weight: 400;
       line-height: 18px;
+      display: flex;
+      flex-direction: row;
+      gap: 2px;
     }
 
     &--header {