The bottom nav on mobile shows "Stations" and the "More" menu also shows "Stations". This is redundant. The "More" menu should only show pages NOT already in the bottom nav.
Acceptance Criteria
"Stations" appears only once in mobile navigation (either bottom nav or More menu, not both)
All pages remain reachable from mobile navigation
Tested on mobile (320px, 768px)
Relates to #162
## Severity: Medium
## Problem
The bottom nav on mobile shows "Stations" and the "More" menu also shows "Stations". This is redundant. The "More" menu should only show pages NOT already in the bottom nav.
## Acceptance Criteria
- "Stations" appears only once in mobile navigation (either bottom nav or More menu, not both)
- All pages remain reachable from mobile navigation
- Tested on mobile (320px, 768px)
chore: remove redundant Stations from mobile More menu (refs #173)
Test Criteria
Stations does NOT appear in the More (hamburger) menu
Stations IS still accessible via bottom navigation bar
All other pages remain reachable
Verify on mobile (320px, 768px) viewports
Branch
Work on branch issue-162-ux-design-audit-cleanup (shared with all #162 sub-issues)
## Implementation Plan (from #162 -- Milestone 4)
**Phase**: 2 (Navigation cleanup) | **Priority**: Medium | **Depends on**: None | **Blocks**: None
### Context
Stations is accessible via the bottom nav bar but also appears redundantly in the hamburger "More" menu. This duplication is confusing.
### Implementation
**1. In `frontend/src/shared-minimal/components/mobile/HamburgerDrawer.tsx`:**
- Remove the `{ screen: 'Stations', label: 'Stations', icon: <LocalGasStationRoundedIcon /> }` entry from the `menuItems` array
- Stations remains accessible via bottom nav
### Files
- `frontend/src/shared-minimal/components/mobile/HamburgerDrawer.tsx`
### Commit Convention
```
chore: remove redundant Stations from mobile More menu (refs #173)
```
### Test Criteria
- Stations does NOT appear in the More (hamburger) menu
- Stations IS still accessible via bottom navigation bar
- All other pages remain reachable
- Verify on mobile (320px, 768px) viewports
### Branch
Work on branch `issue-162-ux-design-audit-cleanup` (shared with all #162 sub-issues)
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Relates to #162
Severity: Medium
Problem
The bottom nav on mobile shows "Stations" and the "More" menu also shows "Stations". This is redundant. The "More" menu should only show pages NOT already in the bottom nav.
Acceptance Criteria
Implementation Plan (from #162 -- Milestone 4)
Phase: 2 (Navigation cleanup) | Priority: Medium | Depends on: None | Blocks: None
Context
Stations is accessible via the bottom nav bar but also appears redundantly in the hamburger "More" menu. This duplication is confusing.
Implementation
1. In
frontend/src/shared-minimal/components/mobile/HamburgerDrawer.tsx:{ screen: 'Stations', label: 'Stations', icon: <LocalGasStationRoundedIcon /> }entry from themenuItemsarrayFiles
frontend/src/shared-minimal/components/mobile/HamburgerDrawer.tsxCommit Convention
Test Criteria
Branch
Work on branch
issue-162-ux-design-audit-cleanup(shared with all #162 sub-issues)Milestone: Implementation Complete
Phase: Execution | Agent: Developer | Status: PASS
Changes
{ screen: 'Stations', ... }entry frommenuItemsarray inHamburgerDrawer.tsxVerification
7a74c7fon branchissue-162-ux-design-audit-cleanupUpdated Menu Order (bottom-to-top)
Settings, Documents, Maintenance, Log Fuel, Vehicles, Dashboard
Verdict: PASS | Next: Visual verification on mobile viewports