From 820c3c11481ec1bb00fd53896b7b0c228f29b62f Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 18 Sep 2019 08:27:27 -0400
Subject: [PATCH] [O] Optimize layout

---
 src/pages/overall/overall.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/pages/overall/overall.vue b/src/pages/overall/overall.vue
index 79a49eb..cedbaa7 100644
--- a/src/pages/overall/overall.vue
+++ b/src/pages/overall/overall.vue
@@ -2,18 +2,21 @@
     <div id="overall">
         <el-row>
             <el-col :span="4">
-                <el-card :body-style="{ padding: '0px' }">
+                <el-card style="margin-left: 20px">
                     <div style="padding: 14px;">
-                        <span>GPA: {{getGPA()}}</span>
-                        <div class="bottom clearfix">
+                        <span class="span-gpa-header">GPA:</span>
+                        <br>
+                        <span class="span-gpa">{{getGPA()}}</span>
+                        <div class="bottom clearfix gpa-time">
                             <time class="time">{{ new Date().toDateString() }}</time>
-                            <el-button type="text" class="button">操作按钮</el-button>
+                            <br>
+                            <el-button type="text" class="button">Button</el-button>
                         </div>
                     </div>
                 </el-card>
             </el-col>
             <el-col :span="20">
-                <el-card :body-style="{ padding: '0px' }">
+                <el-card style="margin-right: 20px">
                     <p>Your average score graph all time:</p>
                     <graph-overall :chart="convertCharts"></graph-overall>
                 </el-card>