From 133765131c40b823ab0876c9bd3d65583bb93504 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Mon, 11 Nov 2019 21:57:18 -0500
Subject: [PATCH] [O] Limit logo image width

---
 src/components/login/login.scss | 7 +++++++
 src/components/login/login.vue  | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/login/login.scss b/src/components/login/login.scss
index 691774a..1274aa1 100644
--- a/src/components/login/login.scss
+++ b/src/components/login/login.scss
@@ -5,6 +5,13 @@
 
 }
 
+// Logo image
+#login-logo-image
+{
+    width: 80%;
+    margin-bottom: -15px;
+}
+
 // Parent overlay
 .login-overlay
 {
diff --git a/src/components/login/login.vue b/src/components/login/login.vue
index 3f24be2..82d259b 100644
--- a/src/components/login/login.vue
+++ b/src/components/login/login.vue
@@ -2,7 +2,7 @@
     <div id="login" class="login-overlay">
         <div class="login-vertical-center">
             <div class="login-panel">
-                <img alt="Vue logo" src="../../assets/logo.png">
+                <img id="login-logo-image" alt="logo" src="../../assets/logo.png">
 
                 <h1>Veracross Analyzer</h1>
                 <form id="login-form">