# Dashboard Mobile Fix: Layout Visibility

> **Note (2025-...):** The Mobile CTA block has been removed from the dashboard, so the `dashboard-cta-lifted` helper and related CSS no longer apply. The historical notes below are kept for reference only.

## Issues Resolved
1.  **"Plan actif" (Active Plan) Hidden**: The `MobileCTA` component was positioned at `bottom: 0`, causing it to be covered by the application's Bottom Navigation Bar.
2.  **Floating Icon (FAB) Overlap**: The `q-fab` action button was positioned too low (`offset: [18, 18]`), causing it to be covered by the Bottom Navigation Bar or the `MobileCTA` card.

## Changes Implemented
1.  **Lifted `MobileCTA`**:
    *   Added `class="dashboard-cta-lifted"` to the `MobileCTA` component.
    *   Added CSS rule `:deep(.dashboard-cta-lifted) { bottom: 80px !important; }` to position it above the Bottom Navigation Bar (assuming ~60-80px height).

2.  **Repositioned `q-fab`**:
    *   Changed `q-page-sticky` offset from `[18, 18]` to `[18, 100]`.
    *   This ensures the FAB floats *above* the `MobileCTA` card (which is at 80px) and the Bottom Navigation Bar.

## Result
*   The "Plan actif" card is now fully visible above the bottom navigation.
*   The "Actions" FAB is floating clearly above the card, accessible and not overlapping critical content.
