WATranslate v4.8.1 — Settings Scroll Layout Fix

PROBLEM

The Settings modal stopped scrolling reliably after the earlier layout used:

- overflow on the entire Settings modal card
- a position: sticky Save/Cancel footer inside that same scroll container

On some desktop browsers this could leave the Settings window stuck at its
current position.

FIX

The Settings modal now has three separate structural areas:

[ FIXED HEADER ]
Settings / Close

[ SCROLLABLE CONTENT ]
Application name
Login subtitle
Web logo
Mobile logo
App icon/favicon
Image recommendations
Notifications
Status messages

[ FIXED FOOTER ]
Save settings | Cancel

Only the middle area scrolls.

Save settings and Cancel are no longer sticky elements inside the scroll area.
They are permanently outside the scroll region and therefore remain available
at all times.

ADDITIONAL FIX

Every time Settings is opened, the settings scroll area resets to the top.

FILES TO OVERWRITE

public/index.php
assets/app.js
public/assets/app.js
assets/branding-v4.5.css
public/assets/branding-v4.5.css
service-worker.js

NO MYSQL CHANGE.
NO SQL REQUIRED.
NO BRANDING BACKEND CHANGE.
NO META / GOOGLE / WHATSAPP CHANGE.
NO PUSH BACKEND CHANGE.

v4.8 MYSQL SETTINGS REMAIN ACTIVE.

INSTALL

1. Upload this ZIP to:
   public_html/whatsapp-server-translator/

2. Extract and overwrite.

3. Desktop:
   hard refresh.

4. Mobile/PWA:
   fully close WATranslate and reopen from the Home Screen icon.

5. Open:
   ... → Settings

The middle Settings content should scroll normally while Save settings / Cancel
remain permanently visible at the bottom.
