Oliver/pdf-accessibility
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compact score display and fix log font

Browse source 
Score Display Changes:
- Changed from vertical to horizontal inline-flex layout
- Reduced padding: 40px → 12px (70% smaller)
- Smaller score number: 72px → 42px font
- Smaller score label: 20px → 14px font
- Now takes ~60px height vs ~200px height

Stats Cards:
- Reduced padding: 20px → 12px
- Smaller numbers: 36px → 28px
- Smaller labels: 14px → 12px
- Tighter grid: 200px → 130px minimum
- Reduced gaps: 20px → 10px

Processing Log:
- Changed font from Courier New to Montserrat (matches app style)
- Reduced padding: 16px → 12px, max-height: 300px → 250px
- Tighter log entries: 8px → 6px padding
- Smaller font: 13px → 12px

Result: ~60% reduction in vertical space for header section!

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
DJP 2025-10-20 17:58:31 -04:00
parent 41685aa71b
commit f1eea69057
1 changed files with 32 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
index.html
View file

@ -211,17 +211,17 @@
}
.log-content {
padding: 16px;
max-height: 300px;
padding: 12px;
max-height: 250px;
overflow-y: auto;
font-family: 'Courier New', monospace;
font-size: 13px;
line-height: 1.8;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
}
.log-entry {
padding: 8px 12px;
margin-bottom: 8px;
padding: 6px 10px;
margin-bottom: 5px;
border-radius: 4px;
background: #f8f9fa;
border-left: 3px solid #ddd;
@ -269,48 +269,51 @@
}
.score-display {
text-align: center;
padding: 40px;
display: inline-flex;
align-items: center;
gap: 15px;
padding: 12px 24px;
background: linear-gradient(135deg, var(--black) 0%, #1a1a1a 50%, var(--black) 100%);
border: 3px solid var(--primary);
border-radius: 12px;
border: 2px solid var(--primary);
border-radius: 8px;
color: white;
margin-bottom: 30px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.score-display::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
height: 3px;
background: var(--primary);
}
.score-number {
font-size: 72px;
font-size: 42px;
font-weight: 700;
margin-bottom: 10px;
line-height: 1;
}
.score-label {
font-size: 20px;
font-size: 14px;
opacity: 0.9;
text-align: left;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 30px;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 10px;
margin-bottom: 15px;
}
.stat-card {
padding: 20px;
border-radius: 8px;
padding: 12px 15px;
border-radius: 6px;
text-align: center;
}
@ -340,13 +343,13 @@
}
.stat-number {
font-size: 36px;
font-size: 28px;
font-weight: 700;
margin-bottom: 5px;
margin-bottom: 4px;
}
.stat-label {
font-size: 14px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;