Fix mobile bottom nav consistency and ticket view width

Mobile bottom nav:
- Added nav-label class to all text labels in JS
- Fixed icon sizing (20px fixed height)
- Fixed label sizing (10px for all)
- Equal width columns (25% each)
- Changed gear emoji from ⚙️ to ⚙ for consistency

Ticket view mobile:
- Removed all borders from ticket container
- Removed decorative corners on mobile
- Reduced nested padding significantly
- ascii-frame-inner now 0.75rem padding (was 1rem)
- Nested ascii-frame-inner only 0.5rem
- detail-group full-width has no padding
- Content goes edge-to-edge

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-31 11:59:31 -05:00
parent b0ffc2cdc2
commit e8b2f670b9
5 changed files with 61 additions and 28 deletions

View File

@@ -95,19 +95,19 @@ function initMobileSidebar() {
nav.innerHTML = `
<a href="/">
<span class="nav-icon">🏠</span>
<span>Home</span>
<span class="nav-label">Home</span>
</a>
<button type="button" data-action="open-mobile-sidebar">
<span class="nav-icon">🔍</span>
<span>Filter</span>
<span class="nav-label">Filter</span>
</button>
<a href="/ticket/create">
<span class="nav-icon"></span>
<span>New</span>
<span class="nav-label">New</span>
</a>
<button type="button" data-action="open-settings-modal">
<span class="nav-icon">⚙</span>
<span>Settings</span>
<span class="nav-icon">⚙</span>
<span class="nav-label">Settings</span>
</button>
`;
document.body.appendChild(nav);