From 29db26dc345c2e86b98b4816acf2dea31a4c81b2 Mon Sep 17 00:00:00 2001
From: Manuel <moeri@puzzle.ch>
Date: Mon, 4 Nov 2024 15:49:02 +0100
Subject: [PATCH] Add filter text to closed state on mobile header

---
 .../application-banner/application-banner.component.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/application-banner/application-banner.component.html b/frontend/src/app/components/application-banner/application-banner.component.html
index 2ca1fac585..84aa105ebd 100644
--- a/frontend/src/app/components/application-banner/application-banner.component.html
+++ b/frontend/src/app/components/application-banner/application-banner.component.html
@@ -24,9 +24,12 @@
           >
             <mat-expansion-panel-header class="d-flex gap-2 mx-3">
               <mat-panel-title>
-                <span *ngIf="!panelOpenState; else openedPanel">{{
-                  (quarterLabel$ | async) || quarterLabel$.getValue()
-                }}</span>
+                <div class="w-100 d-flex justify-content-between">
+                  <span *ngIf="!panelOpenState; else openedPanel">{{
+                    (quarterLabel$ | async) || quarterLabel$.getValue()
+                  }}</span>
+                  <span *ngIf="!panelOpenState">Filter</span>
+                </div>
                 <ng-template #openedPanel><p>Filter</p></ng-template>
               </mat-panel-title>
             </mat-expansion-panel-header>