From 3f026a070131db9ceffd57519505d6a1c8cc8408 Mon Sep 17 00:00:00 2001
From: Andy Charlwood <andrew.charlwood@gmail.com>
Date: Sat, 14 Feb 2026 20:34:20 +0000
Subject: [PATCH] feat: US-024 - Scale ProjectsTile and EducationSubsection

---
 src/components/EducationSubsection.tsx | 14 +++++++-------
 src/components/tiles/ProjectsTile.tsx  | 16 ++++++++--------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/components/EducationSubsection.tsx b/src/components/EducationSubsection.tsx
index 8f520c9..e183d55 100644
--- a/src/components/EducationSubsection.tsx
+++ b/src/components/EducationSubsection.tsx
@@ -62,7 +62,7 @@ export function EducationSubsection() {
     <div style={{ marginTop: '24px' }}>
       <CardHeader dotColor="purple" title="EDUCATION" />
 
-      <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
+      <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
         {educationDocuments.map((doc, index) => {
           const content = getInlineDetails(doc)
           const isHovered = hoveredIndex === index
@@ -74,11 +74,11 @@ export function EducationSubsection() {
               onMouseEnter={() => setHoveredIndex(index)}
               onMouseLeave={() => setHoveredIndex(null)}
               style={{
-                padding: '10px 12px',
+                padding: '12px 16px',
                 background: 'var(--surface)',
                 border: `1px solid ${isHovered ? 'var(--accent)' : 'var(--border-light)'}`,
                 borderRadius: 'var(--radius-sm)',
-                fontSize: '12px',
+                fontSize: '13px',
                 color: 'var(--text-primary)',
                 cursor: 'pointer',
                 textAlign: 'left',
@@ -97,13 +97,13 @@ export function EducationSubsection() {
                   marginBottom: '4px',
                 }}
               >
-                <span style={{ fontWeight: 600, fontSize: '12.5px' }}>
+                <span style={{ fontWeight: 600, fontSize: '14px' }}>
                   {content.title}
                 </span>
                 <span
                   style={{
                     fontFamily: 'var(--font-geist-mono)',
-                    fontSize: '10px',
+                    fontSize: '11px',
                     color: 'var(--text-tertiary)',
                     whiteSpace: 'nowrap',
                   }}
@@ -114,7 +114,7 @@ export function EducationSubsection() {
               <div
                 style={{
                   color: 'var(--text-secondary)',
-                  fontSize: '11px',
+                  fontSize: '12px',
                   marginBottom: content.details.length > 0 ? '6px' : '0',
                 }}
               >
@@ -133,7 +133,7 @@ export function EducationSubsection() {
                       key={i}
                       style={{
                         color: 'var(--text-tertiary)',
-                        fontSize: '10.5px',
+                        fontSize: '12px',
                         fontFamily: 'var(--font-geist-mono)',
                       }}
                     >
diff --git a/src/components/tiles/ProjectsTile.tsx b/src/components/tiles/ProjectsTile.tsx
index 21b49a6..b744783 100644
--- a/src/components/tiles/ProjectsTile.tsx
+++ b/src/components/tiles/ProjectsTile.tsx
@@ -41,9 +41,9 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
         background: 'var(--surface)',
         border: '1px solid var(--border-light)',
         borderRadius: 'var(--radius-sm)',
-        padding: '10px 12px',
+        padding: '12px 16px',
         minHeight: '44px',
-        fontSize: '11.5px',
+        fontSize: '13px',
         color: 'var(--text-primary)',
         transition: 'border-color 0.15s, box-shadow 0.15s',
         cursor: 'pointer',
@@ -68,8 +68,8 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
       >
         <div
           style={{
-            width: '7px',
-            height: '7px',
+            width: '8px',
+            height: '8px',
             borderRadius: '50%',
             backgroundColor: dotColor,
             flexShrink: 0,
@@ -81,7 +81,7 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
         <span style={{ flex: 1, fontWeight: 500 }}>{project.name}</span>
         <span
           style={{
-            fontSize: '10px',
+            fontSize: '11px',
             fontFamily: 'var(--font-geist-mono)',
             color: 'var(--text-tertiary)',
             flexShrink: 0,
@@ -104,9 +104,9 @@ function ProjectItem({ project, onClick }: ProjectItemProps) {
             <span
               key={tech}
               style={{
-                fontSize: '9px',
+                fontSize: '10px',
                 fontFamily: 'var(--font-geist-mono)',
-                padding: '2px 6px',
+                padding: '3px 8px',
                 borderRadius: '3px',
                 background: 'var(--amber-light)',
                 color: '#92400E',
@@ -129,7 +129,7 @@ export function ProjectsTile() {
     <Card tileId="projects">
       <CardHeader dotColor="amber" title="ACTIVE PROJECTS" />
 
-      <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
+      <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
         {investigations.map((project) => (
           <ProjectItem
             key={project.id}