update mobile view.

APP/src/app/features/giving/pages/giving-categories-page/giving-categories-page.component.html

@@ -21,7 +21,7 @@
     </kendo-grid-column>
   </kendo-grid>
 
-  <kendo-dialog *ngIf="showDialog" [title]="editing ? 'Edit Giving Type' : 'Add Giving Type'" (close)="showDialog=false" [width]="480">
+  <kendo-dialog *ngIf="showDialog" [title]="editing ? 'Edit Giving Type' : 'Add Giving Type'" (close)="showDialog=false" [width]="480" [maxWidth]="'95vw'">
     <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-3">
       <label class="flex flex-col gap-1">
         Name (EN) *

APP/src/app/features/giving/pages/givings-page/givings-page.component.html

@@ -28,7 +28,7 @@
     </kendo-grid-column>
   </kendo-grid>
 
-  <kendo-dialog *ngIf="showDialog" title="Add Giving" (close)="showDialog=false" [width]="520">
+  <kendo-dialog *ngIf="showDialog" title="Add Giving" (close)="showDialog=false" [width]="520" [maxWidth]="'95vw'" [maxHeight]="'90vh'">
     <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-3">
       <label class="flex items-center gap-2 md:col-span-2">
         <input type="checkbox" [ngModel]="form.isAnonymous" (ngModelChange)="toggleAnonymous()" /> Anonymous

APP/src/app/features/giving/pages/offering-entry-mobile-page/offering-entry-mobile-page.component.html

@@ -108,7 +108,7 @@
 
   <!-- Quick-add member -->
   <kendo-dialog *ngIf="showQuickAdd" title="快速新增會友 · Quick add member"
-    (close)="cancelQuickAdd()" [minWidth]="280" [width]="360">
+    (close)="cancelQuickAdd()" [minWidth]="280" [width]="'95vw'" [maxWidth]="360">
     <div class="oe__qa">
       <div class="oe__field">
         <label class="oe__label">英文名 · Legal first name *</label>
@@ -145,7 +145,7 @@
 
   <!-- Today's totals: payment-method breakdown + per-check detail -->
   <kendo-dialog *ngIf="showTotals" title="今日總計 · Today's Totals"
-    (close)="closeTotals()" [minWidth]="280" [width]="360">
+    (close)="closeTotals()" [minWidth]="280" [width]="'95vw'" [maxWidth]="360">
     <div class="oe__qa">
       <p *ngIf="totalsLoading" class="oe__totals-loading">載入中… · Loading</p>
 
@@ -192,7 +192,7 @@
 
   <!-- Add paper proof: capture photos / pick files → compress + merge to one PDF -->
   <kendo-dialog *ngIf="showPaperProof" title="新增 Paper Proof · 紙本證明"
-    (close)="cancelPaperProof()" [minWidth]="280" [width]="360">
+    (close)="cancelPaperProof()" [minWidth]="280" [width]="'95vw'" [maxWidth]="360">
     <div class="oe__qa">
       <p class="oe__proof-hint">附上點算單／信封的照片或 PDF · Photo or PDF of the count sheet / envelopes</p>
 

APP/src/app/features/giving/pages/offering-session-page/offering-session-page.component.html

@@ -293,7 +293,7 @@
   </ng-container>
 
   <!-- Reopen confirm dialog -->
-  <kendo-dialog *ngIf="confirmReopenOpen" title="Reopen session? / 重新開啟" (close)="confirmReopenOpen = false" [width]="440">
+  <kendo-dialog *ngIf="confirmReopenOpen" title="Reopen session? / 重新開啟" (close)="confirmReopenOpen = false" [width]="440" [maxWidth]="'95vw'">
     <p class="dialog-text">
       Editing a submitted session will reopen it and set its status back to <strong>Draft</strong> until you submit again.
       <br><span>編輯已送出的 session 會重新開啟並將狀態改回草稿，直到再次送出。</span>