From be30de045a07650b9284696dfa7dbc5de9e37230 Mon Sep 17 00:00:00 2001
From: annagav <annagav@users.noreply.github.com>
Date: Fri, 10 Jan 2025 06:22:37 -0800
Subject: [PATCH] Re-orders the title and start time of the course to be read
 in the proper order by the reader (#2503)

---
 frontend/public/scss/catalog.scss                   | 9 ++++++++-
 frontend/public/src/containers/pages/CatalogPage.js | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/public/scss/catalog.scss b/frontend/public/scss/catalog.scss
index ad897acdd1..c92f6068e4 100644
--- a/frontend/public/scss/catalog.scss
+++ b/frontend/public/scss/catalog.scss
@@ -416,6 +416,10 @@
                     }
 
                     .catalog-item-description {
+                        display: -webkit-flex;
+                        -webkit-flex-flow: column;
+                        flex-flow: column;
+                        height: 85px;
                         display: flex;
                         padding: 15px;
                         flex-direction: column;
@@ -424,6 +428,8 @@
                         align-self: stretch;
 
                         .start-date-description {
+                            -webkit-order: 1;
+                            order: 1;
                             align-self: stretch;
                             overflow: hidden;
                             color: var(--grey-text, #6F7175);
@@ -435,7 +441,8 @@
                         }
 
                         .item-title {
-                            height: 36px;
+                            -webkit-order: 2;
+                            order: 2;
                             align-self: stretch;
                             color: rgba(3, 21, 45, 0.85);
                             /* Add elipses after 2 lines of title text */
diff --git a/frontend/public/src/containers/pages/CatalogPage.js b/frontend/public/src/containers/pages/CatalogPage.js
index 16cad84590..6ea969e5f2 100644
--- a/frontend/public/src/containers/pages/CatalogPage.js
+++ b/frontend/public/src/containers/pages/CatalogPage.js
@@ -669,10 +669,10 @@ export class CatalogPage extends React.Component<Props> {
               alt=""
             />
             <div className="catalog-item-description">
+              <div className="item-title">{course.title}</div>
               <div className="start-date-description">
                 {getStartDateText(course)}
               </div>
-              <div className="item-title">{course.title}</div>
             </div>
           </div>
         </a>