From 3dd74fe4a17979e324bd8e533ad2392487d9b5aa Mon Sep 17 00:00:00 2001
From: Warwick <warwick.l.e.new@gmail.com>
Date: Mon, 9 Nov 2020 18:26:48 +0000
Subject: [PATCH] Made subtitles more readable after video was added.

---
 src/GameProjects.jsx | 6 +++++-
 src/WebProjects.jsx  | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/GameProjects.jsx b/src/GameProjects.jsx
index f38543e..3ea6640 100644
--- a/src/GameProjects.jsx
+++ b/src/GameProjects.jsx
@@ -2,6 +2,7 @@ import { h, render, Component } from "preact";
 import {
   Grid,
   Container,
+  Paper,
   Card,
   CardHeader,
   CardMedia,
@@ -49,7 +50,10 @@ memory footprint returning to this project in my final year of university.`,
     return (
       <Container>
         <p />
-        <Typography variant="h4">Game Projects</Typography>
+        <Card>
+          <CardHeader title="Game Development Projects" />
+        </Card>
+        <p />
         <Grid container spacing={3}>
           {this.content.map((project) => {
             return (
diff --git a/src/WebProjects.jsx b/src/WebProjects.jsx
index 1fc7805..f10f8b0 100644
--- a/src/WebProjects.jsx
+++ b/src/WebProjects.jsx
@@ -1,6 +1,7 @@
 import { h, render, Component } from "preact";
 import {
   Container,
+  Paper,
   Card,
   CardHeader,
   CardMedia,
@@ -15,7 +16,10 @@ class WebProjects extends Component {
     return (
       <Container>
         <p />
-        <Typography variant="h4">Web Development Projects</Typography>
+        <Card>
+          <CardHeader title="Web Development Projects" />
+        </Card>
+        <p />
         <Card>
           <CardHeader
             title="ramble.fm"