From 757372fe4c32d2c6ac49b28476af96e45b83dfe7 Mon Sep 17 00:00:00 2001
From: Alan Su <alansu1010@gmail.com>
Date: Thu, 2 Apr 2026 03:27:16 -0400
Subject: [PATCH 1/2] Center course modal and lighten overlay

---
 CHANGELOG.md   |  1 +
 style/app.scss | 11 ++++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 26481bc00..da6a5f1a1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@
 ### 🐛 Bug fixes
 
 - Fixed a bug where duplicate graph components were being added
+- Fixed CSS styling to center course modal and lighten overlay
 
 ### 🔧 Internal changes
 
diff --git a/style/app.scss b/style/app.scss
index ff418c568..af0b1334d 100644
--- a/style/app.scss
+++ b/style/app.scss
@@ -358,13 +358,11 @@ ol {
 %modal-class {
   background-color: #fff;
   border-radius: 10px;
-  inset: 150px 300px 150px 200px;
   box-shadow: 0 0 30px;
-  height: 550px;
+  height: min(550px, calc(100vh - 32px));
   overflow-y: auto;
   padding: 12px 30px;
-  position: absolute;
-  width: 1000px;
+  width: min(1000px, calc(100vw - 32px));
 }
 
 .modal-class {
@@ -372,10 +370,13 @@ ol {
 }
 
 %overlay {
-  background-color: rgb(0 0 0 / 15000%);
+  background-color: rgb(0 0 0 / 50%);
   inset: 0;
   position: fixed;
   z-index: 2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .overlay {

From 250f72a25a8d1d47d4a1b12a86d5ba8743bc3065 Mon Sep 17 00:00:00 2001
From: Alan Su <alansu1010@gmail.com>
Date: Fri, 3 Apr 2026 21:07:43 -0400
Subject: [PATCH 2/2] Fix overlay CSS ordering

---
 style/app.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/style/app.scss b/style/app.scss
index af0b1334d..6a3cb4d5c 100644
--- a/style/app.scss
+++ b/style/app.scss
@@ -370,13 +370,13 @@ ol {
 }
 
 %overlay {
+  align-items: center;
   background-color: rgb(0 0 0 / 50%);
+  display: flex;
   inset: 0;
+  justify-content: center;
   position: fixed;
   z-index: 2;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
 
 .overlay {