Merge pull request #263 from Materialious/fix/minor-issues

Fixed html character rendering & main padding

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">

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",

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",

materialious/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",

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 {

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;
 	}