From 3d6254f2cc415a4c8afa92e4c369e5e1638a19e5 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 12 Apr 2020 13:08:03 -0400
Subject: [PATCH] [O] Separate course list card from actual course list

---
 src/pages/course-selection/course-selection.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index 3675002..2c9bc16 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -19,17 +19,21 @@
                 </el-card>
             </el-col>
 
-            <!-- Course list -->
+            <!-- Course list card -->
             <el-col :span="8" class="overall-span">
-                <el-card id="course-list" class="large right">
+                <el-card id="course-list-card" class="large right">
                     <div class="header">Course List</div>
 
                     <!-- Search -->
                     <el-input class="search" placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input>
 
-                    <!-- Every course -->
-                    <div v-for="(course, index) in filteredCourses" class="item vertical-center">
-                        <span class="name">{{course.name}}</span>
+                    <!-- Actual course list -->
+                    <div class="course-list">
+                        
+                        <!-- Every course -->
+                        <div v-for="(course, index) in filteredCourses" class="item vertical-center">
+                            <span class="name">{{course.name}}</span>
+                        </div>
                     </div>
                 </el-card>
             </el-col>
@@ -99,7 +103,7 @@
         }
     }
 
-    #course-list
+    #course-list-card
     {
         margin-right: 20px;
         overflow-y: scroll;