From ed60f9d689a8941623b7b1e26f50923bd825fe0a Mon Sep 17 00:00:00 2001
From: Oliver <oliver@noreply.localhost>
Date: Sun, 18 Jan 2026 00:32:44 -0700
Subject: [PATCH] Move the footer into a common area for reuse

---
 module/apps/Artist.mjs                       |  2 +-
 styles/apps/ArtistApp.css                    | 21 -------------------
 styles/apps/common.css                       | 22 ++++++++++++++++++++
 styles/main.css                              |  1 +
 templates/{ArtistApp => partials}/footer.hbs |  0
 5 files changed, 24 insertions(+), 22 deletions(-)
 create mode 100644 styles/apps/common.css
 rename templates/{ArtistApp => partials}/footer.hbs (100%)

diff --git a/module/apps/Artist.mjs b/module/apps/Artist.mjs
index 1aaf80d..7bfa775 100644
--- a/module/apps/Artist.mjs
+++ b/module/apps/Artist.mjs
@@ -49,7 +49,7 @@ export class ArtistApp extends
 			template: filePath(`templates/ArtistApp/linkList.hbs`),
 		},
 		footer: {
-			template: filePath(`templates/ArtistApp/footer.hbs`),
+			template: filePath(`templates/partials/footer.hbs`),
 		},
 	};
 	// #endregion Options
diff --git a/styles/apps/ArtistApp.css b/styles/apps/ArtistApp.css
index 03a2372..562b6fa 100644
--- a/styles/apps/ArtistApp.css
+++ b/styles/apps/ArtistApp.css
@@ -1,25 +1,4 @@
 .token-browser.ArtistApp {
-	> .window-content {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		color: var(--color-form-label);
-	}
-
-	label, .label {
-		font-weight: bold;
-	}
-
-	footer {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 0.5rem;
-	}
-
-	.large {
-		font-size: 1rem;
-	}
-
 	ul {
 		display: flex;
 		flex-flow: row wrap;
diff --git a/styles/apps/common.css b/styles/apps/common.css
new file mode 100644
index 0000000..8282d46
--- /dev/null
+++ b/styles/apps/common.css
@@ -0,0 +1,22 @@
+.token-browser {
+	> .window-content {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+		color: var(--color-form-label);
+	}
+
+	label, .label {
+		font-weight: bold;
+	}
+
+	footer {
+		display: grid;
+		grid-template-columns: repeat(2, 1fr);
+		gap: 0.5rem;
+	}
+
+	.large {
+		font-size: 1rem;
+	}
+}
diff --git a/styles/main.css b/styles/main.css
index ae11b3f..26bca91 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -8,4 +8,5 @@
 @import url("./elements/lists.css") layer(elements);
 
 /* Apps */
+@import url("./apps/common.css") layer(apps);
 @import url("./apps/ArtistApp.css") layer(apps);
diff --git a/templates/ArtistApp/footer.hbs b/templates/partials/footer.hbs
similarity index 100%
rename from templates/ArtistApp/footer.hbs
rename to templates/partials/footer.hbs