From 6937952f3a5096b8caa3dc393bb9d5963b675d63 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 29 Sep 2019 19:44:38 -0400
Subject: [PATCH] [O] Optimize alignment

---
 src/pages/overall/overall.scss | 14 ++++++++++++++
 src/pages/overall/overall.vue  |  6 +++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/pages/overall/overall.scss b/src/pages/overall/overall.scss
index 6652e48..e3ea3fe 100644
--- a/src/pages/overall/overall.scss
+++ b/src/pages/overall/overall.scss
@@ -46,3 +46,17 @@
 {
     font-size: 11px;
 }
+
+// Graph average
+.graph-average-card
+{
+    margin-right: 20px;
+    min-width: 170px;
+}
+
+// Fix padding
+.el-card__body
+{
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
diff --git a/src/pages/overall/overall.vue b/src/pages/overall/overall.vue
index 6c1f06a..25c425d 100644
--- a/src/pages/overall/overall.vue
+++ b/src/pages/overall/overall.vue
@@ -13,13 +13,13 @@
                     </div>
                 </el-card>
             </el-col>
-            <el-col :span="10">
+            <el-col :span="14">
                 <el-card>
                     <graph-overall :courses="courses"></graph-overall>
                 </el-card>
             </el-col>
-            <el-col :span="10">
-                <el-card style="margin-right: 20px">
+            <el-col :span="6">
+                <el-card class="graph-average-card">
                     <graph-average :courses="courses"></graph-average>
                 </el-card>
             </el-col>