From a0c8e0cd18a774ae9dac4dd6050f44b7f12290c1 Mon Sep 17 00:00:00 2001
From: julius <julius@0124816.xyz>
Date: Wed, 21 May 2025 15:04:06 +0200
Subject: [PATCH] feat: decrease calendar size

---
 src/App.css      | 4 +++-
 src/Calendar.tsx | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index 5a674bb..7b52a70 100644
--- a/src/App.css
+++ b/src/App.css
@@ -648,6 +648,7 @@ button {
 .calendar-container {
   position: relative;
   margin: 20px auto;
+  font-size: small;
 }
 
 .month-navigation {
@@ -678,9 +679,10 @@ button {
 }
 
 .day {
-  padding: 8px;
+  padding: 2px;
   border: 1px solid grey;
   cursor: pointer;
+  display: flex;
 }
 
 .selected-day {
diff --git a/src/Calendar.tsx b/src/Calendar.tsx
index 5791788..ee0fd45 100644
--- a/src/Calendar.tsx
+++ b/src/Calendar.tsx
@@ -91,7 +91,7 @@ const Calendar = ({ playerId }: { playerId: number }) => {
       days.push(
         <div key={"weekday_" + i} className="weekday">
           {date.toLocaleString("default", {
-            weekday: "short",
+            weekday: "narrow",
           })}
         </div>
       );
@@ -163,6 +163,7 @@ const Calendar = ({ playerId }: { playerId: number }) => {
 
   return (
     <div className="calendar-container">
+      <h2>Latest Submissions</h2>
       {renderMonthNavigation()}
       {renderCalendar()}
       {renderEvents()}