From 1108ae907acabc24ffda8632bcb606170e745abf Mon Sep 17 00:00:00 2001
From: Arkadyuti <bandyopadhyayarkadyuti@gmail.com>
Date: Fri, 21 Aug 2020 00:37:28 +0530
Subject: [PATCH] Added media query to handle width for only mobile screens

---
 src/components/LoginView.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/LoginView.vue b/src/components/LoginView.vue
index 08b91b9..cde2d5d 100644
--- a/src/components/LoginView.vue
+++ b/src/components/LoginView.vue
@@ -78,7 +78,7 @@ export default {
 	color: var(--spotify-green);
 	text-align: center;
 	padding: 30px;
-	width: 90%;
+	width: 33%;
 }
 
 button {
@@ -108,4 +108,10 @@ button:hover { cursor: pointer; }
 	border-style: solid;
 	border-width: 2px;
 }
+
+@media only screen and (min-width: 768px) {
+	.card {
+		width: 90%;
+	}
+}
 </style>