diff --git a/static/css/main.css b/static/css/main.css index 3c970d6..4e62179 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1949,8 +1949,8 @@ a:focus { .sidebar-accordion-header { display: flex !important; align-items: center; - gap: 0.75rem; - padding: 1rem 1.5rem; + gap: 0.5rem; + padding: 0.75rem 1rem; background: var(--sidebar-gray); cursor: pointer; user-select: none; @@ -1966,9 +1966,13 @@ a:focus { background: #b8b8b8; } + .sidebar-accordion-header iconify-icon { + flex-shrink: 0; + } + .sidebar-accordion-header span { font-weight: 700; - font-size: 1.1rem; + font-size: 1.3rem; flex: 1; } @@ -1984,13 +1988,23 @@ a:focus { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; - padding: 0 1.5rem; + padding: 0 1rem; } .sidebar-accordion-content.active { max-height: 5000px; transition: max-height 0.5s ease-in; - padding: 1.5rem 1.5rem 0.5rem 1.5rem; + padding: 1rem 1rem 0.5rem 1rem; + } + + /* Reduce font sizes inside accordion content */ + .sidebar-accordion-content .sidebar-title { + font-size: 1rem; + } + + .sidebar-accordion-content .sidebar-content, + .sidebar-accordion-content .skill-item { + font-size: 0.8rem; } .page-1 .cv-main,