From e1decbf7c20343c5d4ed216c1ff4bc990a206e93 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 26 Apr 2020 20:14:13 -0400
Subject: [PATCH] [O] Separate popup header to a separate div

---
 .../overall/overall-course/course-head/course-head.vue   | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/overall/overall-course/course-head/course-head.vue b/src/pages/overall/overall-course/course-head/course-head.vue
index 3783456..de0cf0f 100644
--- a/src/pages/overall/overall-course/course-head/course-head.vue
+++ b/src/pages/overall/overall-course/course-head/course-head.vue
@@ -38,8 +38,13 @@
         </div>
 
         <!-- Rating Popup -->
-        <el-dialog id="rating-popup" :title="`Give a Rating for ${course.name}`" :visible.sync="ratingDialog"
-                   width="50%" :show-close="false" :close-on-click-modal="false" :close-on-press-escape="false">
+        <el-dialog id="rating-popup" :visible.sync="ratingDialog" width="50%"
+                   :show-close="false" :close-on-click-modal="false" :close-on-press-escape="false">
+
+            <span slot="title" class="header">
+                <div class="title">Give a Rating for {{course.name}}</div>
+                <span class="subtitle">And for {{course.teacherName}}</span>
+            </span>
 
             <div class="item" v-for="(criteria, index) of ratingCriteria">
                 <div class="title">{{criteria.title}}</div>