From b1cc0f156c2bad7c2070b0da2e02011c8caeb914 Mon Sep 17 00:00:00 2001
From: Ethan Girouard <mr.egirouard@gmail.com>
Date: Sat, 11 May 2024 13:08:32 -0400
Subject: [PATCH] Add styling for dashboard tile

---
 style/dashboard_tile.scss | 23 +++++++++++++++++++++++
 style/main.scss           |  1 +
 style/theme.scss          |  2 ++
 3 files changed, 26 insertions(+)
 create mode 100644 style/dashboard_tile.scss

diff --git a/style/dashboard_tile.scss b/style/dashboard_tile.scss
new file mode 100644
index 0000000..6a25a21
--- /dev/null
+++ b/style/dashboard_tile.scss
@@ -0,0 +1,23 @@
+.dashboard-tile {
+	img {
+		width: $dashboard-tile-size;
+		height: $dashboard-tile-size;
+		border-radius: 7px;
+		margin-right: 20px;
+	}
+
+	p.dashboard-tile-title {
+		font-size: 16px;
+		font-weight: bold;
+		margin: 0;
+		padding: 0;
+	}
+
+	p.dashboard-tile-description {
+		font-size: 12px;
+		margin: 0;
+		padding: 0;
+	}
+	
+	margin-right: 10px;
+}
diff --git a/style/main.scss b/style/main.scss
index 7793e25..ea1d847 100644
--- a/style/main.scss
+++ b/style/main.scss
@@ -8,6 +8,7 @@
 @import 'home.scss';
 @import 'search.scss';
 @import 'personal.scss';
+@import 'dashboard_tile.scss';
 
 body {
   font-family: sans-serif;
diff --git a/style/theme.scss b/style/theme.scss
index a7ebc14..fe96046 100644
--- a/style/theme.scss
+++ b/style/theme.scss
@@ -14,3 +14,5 @@ $queue-background-color: $play-bar-background-color;
 
 $auth-inputs: #796dd4;
 $auth-containers: white;
+
+$dashboard-tile-size: 200px;