From 43c7918854006452db7a87df8808f2cdd6848584 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 12 Apr 2020 13:17:57 -0400
Subject: [PATCH] [+] Create container for header

---
 .../course-selection/course-selection.vue     | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index 3675002..7ccc3a8 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -22,10 +22,12 @@
             <!-- Course list -->
             <el-col :span="8" class="overall-span">
                 <el-card id="course-list" class="large right">
-                    <div class="header">Course List</div>
+                    <div class="header">
+                        <div class="text">Course List</div>
 
-                    <!-- Search -->
-                    <el-input class="search" placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input>
+                        <!-- Search -->
+                        <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">
@@ -106,15 +108,18 @@
 
         .header
         {
-            margin-top: 15px;
-            margin-bottom: 10px;
+            .text
+            {
+                margin-top: 15px;
+                margin-bottom: 10px;
 
-            font-size: 24px;
-        }
+                font-size: 24px;
+            }
 
-        .search
-        {
-            margin-bottom: 20px;
+            .search
+            {
+                margin-bottom: 20px;
+            }
         }
 
         .item