From 1c99dc06648ab05b4b07cdacb2966a295c4e2d26 Mon Sep 17 00:00:00 2001
From: maxkelem <mxwll.klhr@gmail.com>
Date: Sat, 22 Oct 2022 09:44:03 -0400
Subject: [PATCH 1/3] Update Calender.vue

---
 src/components/Calender.vue | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/Calender.vue b/src/components/Calender.vue
index d7af744..0c055bc 100644
--- a/src/components/Calender.vue
+++ b/src/components/Calender.vue
@@ -17,6 +17,11 @@
 				<h3>
 					{{ calVal.date + 1 }}
 				</h3>
+
+				<p class="title">
+					{{ (filmExist(calVal.date)) ? listToDisplay.get(calVal.date)!.name : '' }}
+				</p>
+
 				<p
 					v-for="[username, filmList] in userFilmList.entries()"
 					:class="filmList.get(listToDisplay.get(calVal.date)?.name ?? '')?.toLowerCase() ?? ''"
@@ -118,7 +123,6 @@
 
 		padding: 0.22em 0.11em 0;
 		margin: 0;
-		margin-bottom: auto;
 		border-radius: 100%;
 
 		line-height: 2ch;
@@ -133,6 +137,18 @@
 		background: var(--red);
 	}
 
+	.title 
+	{
+		font-family: var(--body-font);
+		color: var(--black);
+		
+		margin-bottom: auto;
+		font-size: 1.3rem;
+		text-align: left;
+		max-width: max-content;
+		
+	}
+
 	p.user
 	{
 		font-family: var(--body-font);
@@ -187,6 +203,11 @@
 			transform: translate(-3px, -3px);
 		}
 
+		.title
+		{
+			display: none;
+		}
+
 		p.user
 		{
 			font-size: 0.8rem;

From e3a49f88edb8869a0e1764d86fcbe6ca2ee4ee2f Mon Sep 17 00:00:00 2001
From: maxkelem <mxwll.klhr@gmail.com>
Date: Sat, 22 Oct 2022 09:53:09 -0400
Subject: [PATCH 2/3] tweak spacing

---
 src/components/Calender.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Calender.vue b/src/components/Calender.vue
index 0c055bc..07d64c6 100644
--- a/src/components/Calender.vue
+++ b/src/components/Calender.vue
@@ -141,9 +141,9 @@
 	{
 		font-family: var(--body-font);
 		color: var(--black);
-		
-		margin-bottom: auto;
-		font-size: 1.3rem;
+
+	    margin: 0 0.5ch auto 0.5ch;
+		font-size: 1.25rem;
 		text-align: left;
 		max-width: max-content;
 		
@@ -201,6 +201,7 @@
 		{
 			font-size: 1.3rem;
 			transform: translate(-3px, -3px);
+			margin-bottom: auto;
 		}
 
 		.title

From ac0a8a2453a43eca724b8e7fa4082a61629ce9c4 Mon Sep 17 00:00:00 2001
From: maxkelem <mxwll.klhr@gmail.com>
Date: Sat, 22 Oct 2022 10:01:33 -0400
Subject: [PATCH 3/3] change display settings

---
 src/components/Calender.vue | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/Calender.vue b/src/components/Calender.vue
index 07d64c6..b45e6bf 100644
--- a/src/components/Calender.vue
+++ b/src/components/Calender.vue
@@ -139,14 +139,7 @@
 
 	.title 
 	{
-		font-family: var(--body-font);
-		color: var(--black);
-
-	    margin: 0 0.5ch auto 0.5ch;
-		font-size: 1.25rem;
-		text-align: left;
-		max-width: max-content;
-		
+		display: none;
 	}
 
 	p.user
@@ -190,6 +183,20 @@
 			hsl(0, 100%, 38%, 0.5));
 	}
 
+	@media (min-width: 1400px) {
+		.title 
+		{
+			display: block;
+			margin: 0 0.5ch auto 0.5ch;
+			max-width: max-content;
+
+			font-family: var(--body-font);
+			color: var(--black);
+			font-size: 1.25rem;
+			text-align: left;
+		}
+	}
+
 	@media (max-width: 975px)
 	{
 		#calender
@@ -204,11 +211,6 @@
 			margin-bottom: auto;
 		}
 
-		.title
-		{
-			display: none;
-		}
-
 		p.user
 		{
 			font-size: 0.8rem;