Make sidebar narrower and more compact

Reduce sidebar width from 280px to 220px:
- Decrease padding from 1.5rem to 1.25rem
- Reduce font-size from 0.85rem to 0.8rem
- Tighten line-height from 1.6 to 1.5
- Adjust article margin-left from 340px to 280px

Creates a more elegant, space-efficient navigation sidebar.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-20 18:09:52 -05:00
parent b85804618a
commit 0807a8b5ed
+5 -5
View File
@@ -117,15 +117,15 @@
position: fixed;
top: 2rem;
left: 2rem;
width: 280px;
width: 220px;
max-height: calc(100vh - 4rem);
overflow-y: auto;
background: linear-gradient(to bottom, #fafafa 0%, #f8f8f8 100%);
border: 1px solid #ddd;
border-radius: 2px;
padding: 1.5rem;
font-size: 0.85rem;
line-height: 1.6;
padding: 1.25rem;
font-size: 0.8rem;
line-height: 1.5;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
z-index: 100;
}
@@ -228,7 +228,7 @@
/* Adjust article position when sidebar is present */
@media (min-width: 1201px) {
article {
margin-left: 340px;
margin-left: 280px;
}
}
</style>