From 9a8007c87f1f4460a5cad444d12626b281c2ed42 Mon Sep 17 00:00:00 2001
From: Anna <annagav@mit.edu>
Date: Wed, 7 Feb 2024 15:40:32 -0500
Subject: [PATCH 1/2] Program courses cards styles

---
 .../scss/product-page/program-courses.scss    | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/frontend/public/scss/product-page/program-courses.scss b/frontend/public/scss/product-page/program-courses.scss
index bf8d3baf36..35386e9eea 100644
--- a/frontend/public/scss/product-page/program-courses.scss
+++ b/frontend/public/scss/product-page/program-courses.scss
@@ -50,20 +50,22 @@ body.new-design {
             display: inline;
 
             .program-course-card {
-                padding: 0;
+                padding: 0 0 15px 0;
                 overflow: hidden;
-                border-radius: 4px !important;
-                box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 12%);
-                max-width: 262px;
-                max-height: 259px;
-                height: 259px;
+                border-radius: 5px;
+                box-shadow: 0px 2px 3px 0px rgb(18, 38, 49, 0.15);
+                max-width: 243px;
+                max-height: 222px;
+                height: 222px;
                 transition: .25s;
+                cursor: pointer;
 
                 .image {
                     position: relative;
+                    display: flex;
                     img {
-                        max-width: 262px;
-                        max-height: 171px;
+                        max-width: 243px;
+                        max-height: 136px;
                         height: 171px;
                         object-fit: cover;
                         object-position: center;
@@ -75,8 +77,8 @@ body.new-design {
                     }
 
                     .overlay {
-                        max-width: 262px;
-                        max-height: 171px;
+                        max-width: 243px;
+                        max-height: 136px;
                         height: 171px;
                         object-fit: cover;
                         object-position: center;
@@ -105,6 +107,7 @@ body.new-design {
                     .start-date {
                         font-weight: 400;
                         font-size: 12px;
+                        line-height: 14px;
                         color: #58585A;
                         margin-bottom: 0.5rem;
                         transition: $product-page-hover-time;

From 2be13ee7977f95bbca9aeda2515abe6acf7d2682 Mon Sep 17 00:00:00 2001
From: Anna <annagav@mit.edu>
Date: Wed, 7 Feb 2024 15:53:45 -0500
Subject: [PATCH 2/2] height

---
 frontend/public/scss/product-page/program-courses.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/public/scss/product-page/program-courses.scss b/frontend/public/scss/product-page/program-courses.scss
index 35386e9eea..9c10633f29 100644
--- a/frontend/public/scss/product-page/program-courses.scss
+++ b/frontend/public/scss/product-page/program-courses.scss
@@ -66,7 +66,7 @@ body.new-design {
                     img {
                         max-width: 243px;
                         max-height: 136px;
-                        height: 171px;
+                        height: 136px;
                         object-fit: cover;
                         object-position: center;
                         @include media-breakpoint-down(sm) {
@@ -79,7 +79,7 @@ body.new-design {
                     .overlay {
                         max-width: 243px;
                         max-height: 136px;
-                        height: 171px;
+                        height: 136px;
                         object-fit: cover;
                         object-position: center;
                         z-index: 101;