From 7e2b69d26960f625c653832cd0a5c55c0a7566b4 Mon Sep 17 00:00:00 2001
From: Charlie Leitheiser <charlie.leitheiser@icloud.com>
Date: Tue, 28 Apr 2026 18:25:30 +0100
Subject: [PATCH] fix: center "Open Settings" button on connection error page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The .settings-btn rule used `left: 1/2;`, which is invalid CSS — `1/2`
isn't a valid <length> or <percentage>, so the declaration was discarded
and `left` fell back to `auto`. The button only appeared centered by
accident, via flex static-position resolution on the body's flex layout.

Replace with the standard horizontal-centering pattern:
  left: 50%;
  transform: translateX(-50%);

so the button is reliably centered regardless of the parent's display.
---
 src/main/main.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/main/main.js b/src/main/main.js
index 6fdec28..93ad516 100644
--- a/src/main/main.js
+++ b/src/main/main.js
@@ -405,7 +405,8 @@ function createWindow() {
             .settings-btn {
               position: absolute;
               bottom: 20px;
-              left: 1/2;
+              left: 50%;
+              transform: translateX(-50%);
               padding: 10px 20px;
               background: #5865f2;
               color: #ffffff;