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:
@@ -2258,27 +2258,55 @@ body.dark-mode .editable {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* Ticket container - full width on mobile */
|
||||
/* Ticket container - full width on mobile, minimal borders */
|
||||
.ticket-container {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border-width: 2px;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ticket-container.ascii-frame-outer {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Remove all decorative corners on mobile */
|
||||
.ticket-container::before,
|
||||
.ticket-container::after,
|
||||
.ticket-container .bottom-left-corner,
|
||||
.ticket-container .bottom-right-corner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ascii-section-header {
|
||||
font-size: 1rem;
|
||||
padding: 0.75rem 1rem;
|
||||
padding: 0.75rem 0.75rem;
|
||||
margin: 0;
|
||||
border-bottom: 2px solid var(--terminal-green);
|
||||
}
|
||||
|
||||
/* Remove all nested padding - go edge to edge */
|
||||
.ascii-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ascii-frame-inner {
|
||||
padding: 1rem;
|
||||
padding: 0.75rem;
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Nested ascii-frame-inner should have no extra padding */
|
||||
.ascii-frame-inner .ascii-frame-inner {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
/* Detail group full width */
|
||||
.detail-group.full-width {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Better ticket header layout */
|
||||
|
||||
Reference in New Issue
Block a user