bunch of refactor and styling changes, coming along nicely

2023-03-07 01:42:26 -06:00
parent f48f39e67b
commit 04a82fb6a6
16 changed files with 225 additions and 63 deletions
--- a/src/views/components/injected/CourseInfoPopup/CourseInfoHeader/CourseInfoHeader.module.scss
+++ b/src/views/components/injected/CourseInfoPopup/CourseInfoHeader/CourseInfoHeader.module.scss
@@ -3,14 +3,21 @@
    height: auto;
    color: white;
    padding: 12px;
-    margin: 50px 20px;
+    margin: 20px;
    align-items: center;
+    position: relative;
    justify-content: center;

+    .close {
+        position: absolute;
+        top: 12px;
+        right: 12px;
+        cursor: pointer;
+    }
+
    .title {
        display: flex;
        align-items: center;
-        justify-content: center;

        .uniqueId {
            margin-left: 8px;
@@ -20,4 +27,19 @@
    .instructors {
        margin-top: 8px;
    }
+
+    .buttonContainer {
+        margin: 12px 4px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .button {
+            flex: 1;
+        }
+
+        .icon {
+            margin: 4px;
+        }
+    }
 }