From 3546a57711141600450c1483f916a30dbf78ce15 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sat, 28 Sep 2019 17:35:17 -0400
Subject: [PATCH] [O] Use class to add style to card

---
 src/pages/overall/overall.scss | 6 ++++++
 src/pages/overall/overall.vue  | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/overall/overall.scss b/src/pages/overall/overall.scss
index 2465bb6..8c738ce 100644
--- a/src/pages/overall/overall.scss
+++ b/src/pages/overall/overall.scss
@@ -12,6 +12,12 @@
     flex-direction: column;
 }
 
+.gpa-card
+{
+    margin-left: 20px;
+    min-width: 136px;
+}
+
 .gpa
 {
     display: block;
diff --git a/src/pages/overall/overall.vue b/src/pages/overall/overall.vue
index 108843b..7acb618 100644
--- a/src/pages/overall/overall.vue
+++ b/src/pages/overall/overall.vue
@@ -2,7 +2,7 @@
     <div id="overall">
         <el-row>
             <el-col :span="4">
-                <el-card style="margin-left: 20px">
+                <el-card class="gpa-card">
                     <div style="padding: 14px;">
                         <span class="gpa header">GPA:</span>
                         <span class="gpa text">{{getGPA().gpa}}</span>