Admin Page: Panel-Header styling

ng/src/app/components/admin/admin-panel/admin-panel.component.html

@@ -7,11 +7,11 @@
         <ngb-accordion #acc="ngbAccordion">
           <ngb-panel *ngFor="let serviceCheck of serviceChecks; let i = index">
             <ng-template ngbPanelHeader let-opened="opened">
-              <div class="accordion-button custom-header justify-content-between" [class.collapsed]="!opened">
-                <p class="m-0">{{ serviceCheck.title }}</p>
-                <button (click)="saveServiceCheck(i)" *ngIf="opened"><fa-icon [icon]="fa.save"></fa-icon></button>
-                <button ngbPanelToggle class="accordion-button"></button>
-              </div>
+              <button class="accordion-button" ngbPanelToggle [class.collapsed]="!opened">
+                <p class="flex-fill m-0">{{ serviceCheck.title }}</p>
+
+                <fa-icon class="me-1" (click)="saveServiceCheck(i, $event)" *ngIf="opened" [icon]="fa.save"></fa-icon>
+              </button>
             </ng-template>
             <ng-template ngbPanelContent>
               <app-service-check-form [serviceCheck]="serviceCheck"></app-service-check-form>

ng/src/app/components/admin/admin-panel/admin-panel.component.ts

@@ -29,7 +29,8 @@ export class AdminPanelComponent implements OnInit {
     }
   }
 
-  saveServiceCheck(index: number) {
+  saveServiceCheck(index: number, event: Event) {
+    event.stopPropagation();
     this.formChilds.get(index)?.save();
   }
 

server/docs/idee_oder-checks.ts

@@ -0,0 +1,14 @@
+type CheckDisjunction = Array<string | string[] | { and: string[] }>;
+const bla: CheckDisjunction = [{ and: ['adefag', 'daefag'] }, 'bla', ['sdgdrs', 'aefawg'], { and: [''] }];
+
+const blubb: CheckDisjunction = [
+  {
+    and: ['coachingsamtherz', 'coachingsamtherz\\.de', '<title>[^<]*(coaching\\s*samt\\s*herz)[^<]*</title>']
+  },
+  {
+    and: ['Maintenance', 'Login']
+  },
+  {
+    and: ['Down', 'NSA hacked this site']
+  }
+];