From 81f66b65def1ca9cff311d845ae5c97273bfbd80 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 12 Apr 2020 14:01:14 -0400
Subject: [PATCH] [S] Separate course items to a separate div

---
 src/pages/course-selection/course-selection.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index d36a2c4..b2c6073 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -19,7 +19,7 @@
                 </el-card>
             </el-col>
 
-            <!-- Course list -->
+            <!-- Course list card -->
             <el-col :span="8" class="overall-span">
                 <el-card id="course-list" ref="cl" class="large right" body-style="padding: 0">
                     <div class="header" :style="{width: courseListWidth + 'px'}">
@@ -29,9 +29,12 @@
                         <el-input class="search" placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input>
                     </div>
 
-                    <!-- Every course -->
-                    <div v-for="(course, index) in filteredCourses" class="item vertical-center">
-                        <span class="name">{{course.name}}</span>
+                    <!-- Actual course list -->
+                    <div class="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>