From 23a38dfc4fcda5bce99f12e1e1543892474889ad Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 30 Oct 2020 23:45:17 -0600
Subject: [PATCH] Add border support to the two card types

---
 src/components/cards/Artist.vue | 4 +++-
 src/components/cards/Track.vue  | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/cards/Artist.vue b/src/components/cards/Artist.vue
index 96dcf38..d3911d8 100644
--- a/src/components/cards/Artist.vue
+++ b/src/components/cards/Artist.vue
@@ -76,13 +76,15 @@ export default {
 
 <style scoped>
 .card {
+	border-color: var(--card-border-colour);
+	border-style: var(--card-border-style);
+	border-width: var(--card-border-width);
 	border-radius: var(--corner-rounding);
 	background-color: var(--card-colour);
 	padding: 10px 10px 1.75em;
 	color: var(--card-text);
 	flex-direction: column;
 	align-items: center;
-	border-style: none;
 	position: relative;
 	margin: 5px auto;
 	display: flex;
diff --git a/src/components/cards/Track.vue b/src/components/cards/Track.vue
index 6fd5a6d..acfe9ff 100644
--- a/src/components/cards/Track.vue
+++ b/src/components/cards/Track.vue
@@ -138,12 +138,14 @@ export default {
 
 <style scoped>
 .card {
+	border-color: var(--card-border-colour);
+	border-style: var(--card-border-style);
+	border-width: var(--card-border-width);
 	border-radius: var(--corner-rounding);
 	background-color: var(--card-colour);
 	color: var(--card-text);
 	flex-direction: column;
 	align-items: center;
-	border-style: none;
 	position: relative;
 	margin: 5px auto;
 	display: flex;