From 86842d01f1a79a7b63552f70f0dc1325ba5f8f50 Mon Sep 17 00:00:00 2001
From: nutty <nuttylmao@gmail.com>
Date: Thu, 23 Jul 2026 16:02:59 +1000
Subject: [PATCH] Added "Vertical Alignment" setting

---
 now-playing/script.js              | 14 ++++++++++++++
 now-playing/settings/settings.json | 22 ++++++++++++++++++++++
 now-playing/style.css              |  2 +-
 3 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/now-playing/script.js b/now-playing/script.js
index bf9f8e2..cb5dae0 100644
--- a/now-playing/script.js
+++ b/now-playing/script.js
@@ -30,6 +30,7 @@ const theme = urlParams.get('theme') || 'standard';
 const font = urlParams.get("font") || "";
 const fontSize = GetIntParam("fontSize", 20);
 const maxWidth = GetIntParam("maxWidth", 500);
+const verticalAlignment = urlParams.get('verticalAlignment') || 'align-to-center';
 const textAlignment = urlParams.get('textAlignment') || 'left';
 
 const includedApplications = urlParams.get('includedApplications') || '';
@@ -75,6 +76,19 @@ else
 // Set text alignment
 document.documentElement.style.setProperty('--text-alignment', `${textAlignment}`);
 
+// Set vertical alignment
+switch (verticalAlignment) {
+    case 'align-to-top':
+        mainContainer.style.alignItems = 'flex-start';
+        break;
+    case 'align-to-center':
+        mainContainer.style.alignItems = 'center';
+        break;
+    case 'align-to-bottom':
+        mainContainer.style.alignItems = 'flex-end';
+        break;
+}
+
 
 
 ////////////////
diff --git a/now-playing/settings/settings.json b/now-playing/settings/settings.json
index eedca82..e9397c4 100644
--- a/now-playing/settings/settings.json
+++ b/now-playing/settings/settings.json
@@ -72,6 +72,28 @@
 			"defaultValue": 500,
 			"group": "Appearance"
 		},
+		{
+			"id": "verticalAlignment",
+			"label": "Vertical Alignment",
+			"description": "",
+			"type": "select",
+			"options": [
+				{
+					"value": "align-to-top",
+					"label": "Align To Top"
+				},
+				{
+					"value": "align-to-center",
+					"label": "Align To Center"
+				},
+				{
+					"value": "align-to-bottom",
+					"label": "Align To Bottom"
+				}
+			],
+			"defaultValue": "align-to-center",
+			"group": "Appearance"
+		},
 		{
 			"id": "textAlignment",
 			"label": "Text Alignment",
diff --git a/now-playing/style.css b/now-playing/style.css
index 84985a0..36c279c 100644
--- a/now-playing/style.css
+++ b/now-playing/style.css
@@ -10,7 +10,7 @@ body {
     justify-content: center;
     align-items: center;
     height: 100vh;
-    padding: 0.5em;
+    padding: 1em;
     box-sizing: border-box;
 }