From ccfca0dd25de822a87df3918c1acf005579b0efc Mon Sep 17 00:00:00 2001
From: Richard Toth <info@tothbt.com>
Date: Fri, 5 Jun 2026 15:50:10 +0200
Subject: [PATCH] fix(style): change global alert style

* darker backdrop
* wider alert
---
 src/app/tab1/tab1.page.ts |  1 +
 src/global.scss           | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/src/app/tab1/tab1.page.ts b/src/app/tab1/tab1.page.ts
index e6282da..5e8ac55 100644
--- a/src/app/tab1/tab1.page.ts
+++ b/src/app/tab1/tab1.page.ts
@@ -385,6 +385,7 @@ export class Tab1Page {
     const alert = await this.alertController.create({
       header: `Pálya ${courtNo}`,
       subHeader: 'Biztos leveszed őket pályáról?',
+      cssClass: 'wide',
       message: `${this.fullnamePipe.transform(umpire)} - ${this.fullnamePipe.transform(serviceJudge)}`,
       buttons: [
         {
diff --git a/src/global.scss b/src/global.scss
index 999ff53..2cb92ec 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -35,3 +35,13 @@
 /* @import "@ionic/angular/css/palettes/dark.always.css"; */
 /* @import "@ionic/angular/css/palettes/dark.class.css"; */
 @import '@ionic/angular/css/palettes/dark.system.css';
+
+.wide.sc-ion-alert-md-h {
+    .sc-ion-alert-md {
+        --backdrop-opacity: 0.8;
+    }
+
+    &.sc-ion-alert-md-h {
+        --min-width: 400px;
+    }    
+}
\ No newline at end of file