src/app/app.component.html

@@ -1,5 +1,5 @@
 <div class="container">
-  <div class="full-height-container">
+  <div class="full-height-container" >
     <button mat-icon-button class="small-icon-button" [ngClass]="openContent === ModelComponentType.SCRIPTACCOUNT ? 'selected':''"
             (click)="openScriptAccountsOverview()"><mat-icon>inventory_2</mat-icon></button>
     <button mat-icon-button class="small-icon-button" [ngClass]="openContent === ModelComponentType.GAMESYTEM ? 'selected':''"
@@ -9,7 +9,7 @@
 
   <mat-drawer-container class="example-container" autosize>
     <mat-drawer #drawer class="example-sidenav" mode="side">
-      <div class="sidenav-header">
+      <div class="sidenav-header" (click)="resetSelection()">
         <button mat-button [matMenuTriggerFor]="contentMenu">
           <span class="mat-button-wrapper">{{ModelComponentTypeUtillities.toString(openContent)}}
             <mat-icon class="mat-icon">expand_more</mat-icon>

src/app/app.component.ts

@@ -221,4 +221,10 @@ export class AppComponent implements OnInit{
       this.gamesystemOverview!.refresh();
     }
   }
+
+  resetSelection() {
+    if(this.gamesystemOverview != undefined) {
+      this.gamesystemOverview.resetSelectedGamesystem()
+    }
+  }
 }

src/app/side-overviews/gamescript-overview/gamescript-overview.component.ts

@@ -103,4 +103,8 @@ export class GamescriptOverviewComponent implements OnInit {
   refresh() {
     this.dataSource.data = this.gameModel!.gamesystems;
   }
+
+  resetSelectedGamesystem() {
+    this.selectedGamesystem = undefined
+  }
 }