[S] Adjust height

src/pages/course/course-page.scss

@@ -18,3 +18,9 @@
     // https://stackoverflow.com/questions/17572619/inset-box-shadow-only-on-one-side
     box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.1);
 }
+
+.type-graph
+{
+    padding-top: 23px;
+    height: 420px !important;
+}

src/pages/course/course-page.vue

@@ -17,12 +17,14 @@
 
             <el-row>
                 <el-col :span="12">
-                    <el-card class="large overall-line-card vertical-center" body-style="padding: 0">
+                    <el-card class="large overall-line-card vertical-center type-graph"
+                             body-style="padding: 0">
                         <TypeRadar :course="course"></TypeRadar>
                     </el-card>
                 </el-col>
                 <el-col :span="12">
-                    <el-card class="large overall-line-card vertical-center" body-style="padding: 0">
+                    <el-card class="large overall-line-card vertical-center type-graph"
+                             body-style="padding: 0">
                         <TypePie :course="course"></TypePie>
                     </el-card>
                 </el-col>

src/pages/course/type-pie/type-pie.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="type-pie">
-        <ve-pie height="450px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-pie>
+        <ve-pie height="420px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-pie>
     </div>
 </template>
 

src/pages/course/type-radar/type-radar.ts

@@ -71,7 +71,7 @@ export default class TypeRadar extends Vue
                     color: Constants.THEME.colors[i]
                 }}),
                 radius: '60%',
-                center: ['50%', '60%']
+                center: ['50%', '55%']
             },
 
             tooltip: {},
@@ -90,7 +90,7 @@ export default class TypeRadar extends Vue
                             color:
                             {
                                 type: 'radial',
-                                x: 0.5, y: 0.6, r: 0.5,
+                                x: 0.5, y: 0.55, r: 0.5,
                                 colorStops:
                                 [
                                     {offset: 0, color: '#ffa0a0'},

src/pages/course/type-radar/type-radar.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="type-radar">
-        <ve-radar height="450px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-radar>
+        <ve-radar height="420px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-radar>
     </div>
 </template>