From 7b844ea1345163a4aabf6aea278b2f95779eab16 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Tue, 7 May 2024 10:41:12 +1200
Subject: [PATCH] Fixed html character rendering & main padding

---
 materialious/android/.idea/misc.xml | 1 -
 materialious/electron/package.json  | 2 +-
 materialious/package-lock.json      | 4 ++--
 materialious/package.json           | 2 +-
 materialious/src/lib/misc.ts        | 8 +++++++-
 materialious/static/style.css       | 4 +++-
 6 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/materialious/android/.idea/misc.xml b/materialious/android/.idea/misc.xml
index 0ad17cbd..8978d23d 100644
--- a/materialious/android/.idea/misc.xml
+++ b/materialious/android/.idea/misc.xml
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
   <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
diff --git a/materialious/electron/package.json b/materialious/electron/package.json
index 820d1572..d09f1c1d 100644
--- a/materialious/electron/package.json
+++ b/materialious/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Materialious",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Modern material design for Invidious.",
   "author": {
     "name": "Ward Pearce",
diff --git a/materialious/package-lock.json b/materialious/package-lock.json
index 99fa9b3f..30ce7e2f 100644
--- a/materialious/package-lock.json
+++ b/materialious/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "materialious",
-	"version": "1.0.0",
+	"version": "1.0.1",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "materialious",
-			"version": "1.0.0",
+			"version": "1.0.1",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.1",
 				"@capacitor/android": "^6.0.0",
diff --git a/materialious/package.json b/materialious/package.json
index 78d04257..96184d1b 100644
--- a/materialious/package.json
+++ b/materialious/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",
diff --git a/materialious/src/lib/misc.ts b/materialious/src/lib/misc.ts
index bba193d8..82f52046 100644
--- a/materialious/src/lib/misc.ts
+++ b/materialious/src/lib/misc.ts
@@ -46,6 +46,12 @@ export interface PhasedDescription {
 	timestamps: { title: string; time: number; timePretty: string; }[];
 }
 
+export function decodeHtmlCharCodes(str: string): string {
+	return str.replace(/(&#(\d+);)/g, function (match, capture, charCode) {
+		return String.fromCharCode(charCode);
+	});
+}
+
 export function phaseDescription(content: string): PhasedDescription {
 	const timestamps: { title: string; time: number; timePretty: string; }[] = [];
 	const lines = content.split('\n');
@@ -73,7 +79,7 @@ export function phaseDescription(content: string): PhasedDescription {
 			const title = timestampMatch[4] || '';
 			timestamps.push({
 				time: convertToSeconds(time),
-				title: title,
+				title: decodeHtmlCharCodes(title),
 				timePretty: timestamp
 			});
 		} else {
diff --git a/materialious/static/style.css b/materialious/static/style.css
index 6d9d1058..d8113c96 100644
--- a/materialious/static/style.css
+++ b/materialious/static/style.css
@@ -32,12 +32,14 @@
 }
 
 main.root {
+	padding-left: 7em !important;
+	padding-top: 5em !important;
 	max-height: 100vh;
 	overflow-y: scroll;
 }
 
 @media screen and (max-width: 580px) {
-	main {
+	main.root {
 		padding-left: 0.1em !important;
 		padding-right: 0.1em !important;
 	}