feat: decrease calendar size

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 {

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()}