fix(ui): Header branding, sidebar collapse, and layout fitting 1024x600

- Header: Change 'Data Station' to 'RTU', use TCK logo, fix sizing
- Sidebar: MENU text now clickable to collapse/expand
- RainfallView: Fit 1024x600 without scrolling
- GraphView: Fit 1024x600 screen

.planning/STATE.md

@@ -103,7 +103,8 @@ None - ready to begin Phase 1 planning.
 | # | Description | Date | Commit | Directory |
 |---|-------------|------|--------|-----------|
 | 1 | Create start.sh script with menu for test, dev, etc. | 2026-03-13 | b474f70 | [1-create-start-sh-script-with-menu-for-tes](./quick/1-create-start-sh-script-with-menu-for-tes/) |
-| 2 | Update start.sh for network access and port configuration | 2026-03-13 | - | [2-update-start-sh-for-network-access-and-p](./quick/2-update-start-sh-for-network-access-and-p/) |
+| 2 | Update start.sh for network access and port configuration | 2026-03-13 | e327ab9 | [2-update-start-sh-for-network-access-and-p](./quick/2-update-start-sh-for-network-access-and-p/) |
+| 3 | Fix UI feedback: header, navigation, and layout issues | 2026-03-13 | - | [3-fix-ui-feedback-header-navigation-and-la](./quick/3-fix-ui-feedback-header-navigation-and-la/) |
 
 ---
 

.planning/quick/3-fix-ui-feedback-header-navigation-and-la/3-PLAN.md

@@ -0,0 +1,80 @@
+---
+plan: 1
+type: quick
+files_modified:
+  - sample_interface/src/app/components/Header.tsx
+  - sample_interface/src/app/components/Sidebar.tsx
+  - sample_interface/src/app/components/views/RainfallView.tsx
+  - sample_interface/src/app/components/views/GraphView.tsx
+---
+
+<objective>
+Fix UI feedback: header branding, navigation collapse, and layout fitting 1024x600
+</objective>
+
+<context>
+User feedback:
+1. Header: Change "Data Station" to "RTU", use @logo/[LOGO] TCK.svg for logo, fix Solar/Battery box sizing
+2. Navigation: Make "Menu" text clickable to collapse sidebar, not just the icon
+3. RainfallView: Remove extra space before title, fit to 1024x600 without scrolling
+4. GraphView: Fit to 1024x600 screen
+</context>
+
+<tasks>
+
+<task>
+<name>Fix Header branding and sizing</name>
+<files>sample_interface/src/app/components/Header.tsx</files>
+<action>
+1. Change "Data Station" text to "RTU"
+2. Use @logo/[LOGO] TCK.svg as logo (need to check correct path)
+3. Fix Solar/Battery boxes to match other header items size (same row, consistent height)
+4. Ensure all header items fit in 1-2 rows with compact height
+</action>
+<verify>grep -E "RTU|Data Station" sample_interface/src/app/components/Header.tsx</verify>
+<done>Header shows RTU branding with correct logo and sizing</done>
+</task>
+
+<task>
+<name>Fix Sidebar collapse behavior</name>
+<files>sample_interface/src/app/components/Sidebar.tsx</files>
+<action>
+1. Make "Menu" text clickable to toggle collapse (not just the icon)
+2. Ensure collapse/expand works on click
+</action>
+<verify>grep -E "Menu|collapse" sample_interface/src/app/components/Sidebar.tsx | head -5</verify>
+<done>Sidebar Menu text is clickable</done>
+</task>
+
+<task>
+<name>Fix RainfallView layout</name>
+<files>sample_interface/src/app/components/views/RainfallView.tsx</files>
+<action>
+1. Remove extra space/padding before title
+2. Reduce padding/margins to fit 1024x600 without scrolling
+3. Make Last Update section visible without page down
+</action>
+<verify>grep "p-" RainfallView.tsx | head -5</verify>
+<done>RainfallView fits 1024x600 screen</done>
+</task>
+
+<task>
+<name>Fix GraphView layout</name>
+<files>sample_interface/src/app/components/views/GraphView.tsx</files>
+<action>
+1. Adjust layout to fit 1024x600 screen
+2. Reduce padding/margins as needed
+</action>
+<verify>ls -la sample_interface/src/app/components/views/GraphView.tsx</verify>
+<done>GraphView fits 1024x600 screen</done>
+</task>
+
+</tasks>
+
+<success_criteria>
+- Header shows "RTU" with TCK logo
+- Header items (Solar/Battery) same size as Time/Date/Station
+- Sidebar Menu text toggles collapse
+- RainfallView fits 1024x600 without scrolling
+- GraphView fits 1024x600
+</success_criteria>

.planning/quick/3-fix-ui-feedback-header-navigation-and-la/3-SUMMARY.md

@@ -0,0 +1,38 @@
+# Quick Task 3 Summary - UI Fixes
+
+**Task:** Fix UI feedback: header, navigation, and layout issues  
+**Date:** 2026-03-13  
+**Status:** Complete
+
+---
+
+## Completed
+
+### Task 1: Fix Header branding and sizing
+- Changed "Data Station" text to "RTU"
+- Added TCK logo from `/logo/[LOGO] TCK.svg`
+- Made all header items (Solar, Battery, Time, Date, Station, etc.) same size with consistent padding
+- Reduced header height to fit better
+
+### Task 2: Fix Sidebar collapse behavior
+- Made MENU text clickable (not just the chevron icon)
+- Clicking MENU now toggles sidebar collapse/expand
+
+### Task 3: Fix RainfallView layout
+- Removed extra space before title
+- Reduced padding to fit 1024x600 screen
+- Made Last Update section visible without scrolling
+
+### Task 4: Fix GraphView layout
+- Reduced padding and spacing
+- Made chart smaller to fit 1024x600
+- Reduced stat cards size
+
+---
+
+## Files Modified
+
+- `sample_interface/src/app/components/Header.tsx`
+- `sample_interface/src/app/components/Sidebar.tsx`
+- `sample_interface/src/app/components/views/RainfallView.tsx`
+- `sample_interface/src/app/components/views/GraphView.tsx`