From 5a75c59bf22829805268d1e6e30ef6cbcec97d06 Mon Sep 17 00:00:00 2001
From: Dan Stillman <dstillman@zotero.org>
Date: Fri, 5 May 2023 05:20:33 -0400
Subject: [PATCH] Z7: Style improvements in update dialog

---
 chrome/content/zotero/update/update-header.js | 19 +++++++++++--------
 chrome/content/zotero/update/updates.css      | 13 ++++++-------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/chrome/content/zotero/update/update-header.js b/chrome/content/zotero/update/update-header.js
index d6bc737050..5c55d9275a 100644
--- a/chrome/content/zotero/update/update-header.js
+++ b/chrome/content/zotero/update/update-header.js
@@ -13,21 +13,24 @@
 			<hbox class="wizard-header update-header" flex="1">
 				<vbox class="wizard-header-box-1">
 				  <vbox class="wizard-header-box-text">
-					<label class="wizard-header-label"/>
+					<label><html:h2 class="wizard-header-label"/></label>
 				  </vbox>
 				</vbox>
 			  </hbox>
 		`);
 		
-		static get inheritedAttributes() {
-			return {
-				".wizard-header-label": "value=label",
-			};
-		}
-		
 		connectedCallback() {
 			super.connectedCallback();
-			this.initializeAttributeInheritance();
+			
+			this.querySelector('h2').textContent = this.getAttribute('label');
+		}
+		
+		static get observedAttributes() { return ['label']; }
+		
+		attributeChangedCallback(name, oldVal, newVal) {
+			if (name == "label" && newVal != oldVal) {
+				this.querySelector('h2').textContent = newVal;
+			}
 		}
 	}
 	
diff --git a/chrome/content/zotero/update/updates.css b/chrome/content/zotero/update/updates.css
index 8a746099e0..b9f4b041da 100644
--- a/chrome/content/zotero/update/updates.css
+++ b/chrome/content/zotero/update/updates.css
@@ -10,13 +10,8 @@ needed. */
 	display: -moz-box !important;
 }
 
-/* Custom header implementation based on the Wizard's header. This allows the
-size of the billboard's remotecontent to size the window since it does not
-have an updateheader on the billboard page. */
-updateheader {
-	-moz-binding: url("chrome://mozapps/content/update/updates.xml#updateheader");
-	display: -moz-box;
-	-moz-box-orient: horizontal;
+.update-header h2 {
+	font-size: 13px;
 }
 
 #downloadProgress {
@@ -32,3 +27,7 @@ richlistitem.update {
 .update-name {
 	-moz-box-flex: 1;
 }
+
+#errorReason {
+	padding: .75em;
+}