From 9cb7e7bb92307227232c772f67a3c34d25821abc Mon Sep 17 00:00:00 2001
From: Tom Najdek <tom@doppnet.com>
Date: Thu, 4 Jul 2024 16:53:12 +0200
Subject: [PATCH] Few small tweaks to the wizards styling

* Align buttons with content on macOS
* Slightly reduce padding
* Remove font-size definition
---
 scss/xulElementPatches/wizard.scss | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/scss/xulElementPatches/wizard.scss b/scss/xulElementPatches/wizard.scss
index 7175cfd4e8..bf6a881ee3 100644
--- a/scss/xulElementPatches/wizard.scss
+++ b/scss/xulElementPatches/wizard.scss
@@ -3,12 +3,10 @@
 @namespace html url("http://www.w3.org/1999/xhtml");
 
 :host(:not(.specificity)) {
-    padding: 24px;
-    font-size: 12px;
+    padding: 20px;
 }
 
 :not(.specificity) {
-
     .wizard-header-box-1 {
         background: var(--material-sidepane);
     }
@@ -20,6 +18,23 @@
     .wizard-header-label {
         margin-inline-start: 0;
     }
+
+    // on macos, align buttons with content
+    // https: //github.com/zotero/zotero/issues/4322#issuecomment-2207032862
+    @media (-moz-platform: macos) {
+        .wizard-buttons-btm {
+            padding-left: 0;
+            padding-right: 0;
+
+            button:nth-child(1 of :not([hidden=true])) {
+                margin-left: 0;
+            }
+
+            button:nth-last-child(1 of :not([hidden=true])) {
+                margin-right: 0;
+            }
+        }
+    }
 }
 
 html|*.wizard-page-box:not(.specificity) {