Change the font size in the MAUI App

[fboucher]

While in the browser it's easy to change the font size, but in the MAUI App we are stuck with whatever is set.
We need some easy to change that. Probably a app settings

[fboucher]

This was generated by AI during triage.

Agent Brief

Category: enhancement
Summary: Add font size setting to the MAUI app with a settings UI and CSS variable binding

Current behavior:
The MAUI app has no font size customization. The body text uses FluentUI's default variable with no override. The Settings page () has a form for other settings (theme, AI config, etc.) but no font size control. The domain model has no font-size property.

Desired behavior:
Users can choose a font size (e.g. Small / Medium / Large or a numeric scale) from the Settings page. The selected font size is persisted in the Settings model, applied app-wide via a CSS variable on the MAUI app body, and survives app restarts. The setting syncs with the server like other settings do.

Key interfaces:

• domain model — needs a new string property (e.g. )
• SQLite model — needs the same field with domain mapping
• — needs a font size selector control in the settings form
• MAUI app CSS — body should read from a CSS variable (e.g. ) set dynamically based on the persisted setting
• The MAUI app layout or startup code should apply the font size setting as an inline style or CSS custom property on load

Acceptance criteria:

• The and include a property
• The Settings page shows a font size selector (dropdown or similar)
• Selecting a font size and saving persists the value
• On app restart, the saved font size is restored and applied
• The font size change is visible in the post list, post reader, and settings pages
• Existing settings functionality is unaffected

Out of scope:

• Per-post or per-view font size overrides
• Font family changes (only size)
• Web Blazor app font size (MAUI only)

[fboucher]

This was generated by AI during triage.

Agent Brief

Category: enhancement
Summary: Add font size setting to the MAUI app with a settings UI and CSS variable binding

Current behavior:
The MAUI app has no font size customization. The body text uses FluentUI's default font size with no override. The Settings page has a form for other settings (theme, AI config, etc.) but no font size control. The Settings domain model has no font-size property.

Desired behavior:
Users can choose a font size (e.g. Small / Medium / Large or a numeric scale) from the Settings page. The selected font size is persisted in the Settings model, applied app-wide via a CSS variable on the MAUI app body, and survives app restarts. The setting syncs with the server like other settings do.

Key interfaces:

• Settings domain model (in NoteBookmark.Domain) — needs a new FontSize string property (e.g. "medium")
• LocalSettings SQLite model (in MauiApp/Data/LocalModels.cs) — needs the same FontSize field with domain mapping
• Settings.razor (in SharedUI) — needs a font size selector control in the settings form
• MAUI app CSS — body should read from a CSS variable (e.g. --app-font-size) set dynamically based on the persisted setting
• The MAUI app layout or startup code should apply the font size setting as an inline style or CSS custom property on load

Acceptance criteria:

• The Settings and LocalModels include a FontSize property
• The Settings page shows a font size selector (dropdown or similar)
• Selecting a font size and saving persists the value
• On app restart, the saved font size is restored and applied
• The font size change is visible in the post list, post reader, and settings pages
• Existing settings functionality is unaffected

Out of scope:

• Per-post or per-view font size overrides
• Font family changes (only size)
• Web Blazor app font size (MAUI only)