From c237680b30fac505cd9f3fc7d462429be2b276d6 Mon Sep 17 00:00:00 2001
From: teddy <edward.middletonsmith@gmail.com>
Date: Wed, 5 Mar 2025 19:54:14 +0000
Subject: [PATCH] Fix(UI): \n 1. Prevented experience section dates from being
 detected as phone numbers on Safari on iOS. \n 2. Added GitHub contributions
 calendar overflow-x handling. \n 3. Re-added security header tags. \n 4.
 Locked experience section date styling to prevent user from noticing faulty
 iOS detection as phone number behaviour.

---
 styles/experience-section.css            | 4 ++--
 styles/github-contributions-calendar.css | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/styles/experience-section.css b/styles/experience-section.css
index d0f83ed..1548323 100644
--- a/styles/experience-section.css
+++ b/styles/experience-section.css
@@ -6,12 +6,12 @@
     margin-bottom: 0;
 }
 .experience-date {
-    color: var(--primary-colour);
+    color: var(--primary-colour) !important;
     font-size: 0.9rem;
     width: 50%;
     min-width: 50%;
     -webkit-text-fill-color: inherit;
-    text-decoration: none;
+    text-decoration: none !important;
     pointer-events: none;
 }
 .experience-card:last-child {
diff --git a/styles/github-contributions-calendar.css b/styles/github-contributions-calendar.css
index 652f45b..ba256be 100644
--- a/styles/github-contributions-calendar.css
+++ b/styles/github-contributions-calendar.css
@@ -1,9 +1,14 @@
 /* GitHub Contributions Calendar */
 .github-calendar {
+    max-width: 100%;
     width: fit-content;
     margin-left: auto;
     margin-right: auto;
 }
+.github-calendar table.js-calendar-graph-table thead th:first-child,
+.github-calendar table.js-calendar-graph-table tbody td:first-child {
+    min-width: 1.5rem;
+}
 /* Hide broken statistics */
 .github-calendar > :not(:first-child) {
     display: none;