From a444dbb32a034fda5165603670396a4a2e0b857f Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Tue, 1 Oct 2019 20:39:53 -0400
Subject: [PATCH] [+] Add cols to display course name and teacher name

---
 .../overall/overall-course/overall-course.scss  |  6 ++++++
 .../overall/overall-course/overall-course.vue   | 17 ++++++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/pages/overall/overall-course/overall-course.scss b/src/pages/overall/overall-course/overall-course.scss
index 58f99bb..70faf47 100644
--- a/src/pages/overall/overall-course/overall-course.scss
+++ b/src/pages/overall/overall-course/overall-course.scss
@@ -8,3 +8,9 @@
     // Height limit
     max-height: 90px;
 }
+
+.course-col-name
+{
+    vertical-align: top;
+    text-align: left;
+}
diff --git a/src/pages/overall/overall-course/overall-course.vue b/src/pages/overall/overall-course/overall-course.vue
index 4522bac..cffb542 100644
--- a/src/pages/overall/overall-course/overall-course.vue
+++ b/src/pages/overall/overall-course/overall-course.vue
@@ -1,7 +1,22 @@
 <template>
     <div id="overall-course">
         <el-card class="course-card">
-            Hi
+            <el-row>
+                <el-col :span="4" class="course-col-name">
+                    <div class="course-name">
+                        <span>{{course.name}}</span>
+                    </div>
+                    <div class="course-teacher">
+                        {{course.teacherName}}
+                    </div>
+                </el-col>
+                <el-col :span="14">
+
+                </el-col>
+                <el-col :span="6">
+
+                </el-col>
+            </el-row>
         </el-card>
     </div>
 </template>