fix(style): change global alert style

* darker backdrop
* wider alert

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: [
         {

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;
+    }    
+}