Use margin instead of padding for header to avoid overlap with fixed icons

This commit is contained in:
2026-01-01 17:33:39 -05:00
parent 74da7bf819
commit 2b7ece4eec
2 changed files with 4 additions and 2 deletions

View File

@@ -30,12 +30,13 @@
.user-header { .user-header {
background: var(--header-bg, #2c3e50); background: var(--header-bg, #2c3e50);
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 60px; /* Space for theme toggle */
margin-left: 50px; /* Space for hamburger menu */
color: var(--header-text, white); color: var(--header-text, white);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-bottom: 1px solid var(--border-color, #ddd); border-bottom: 1px solid var(--border-color, #ddd);
max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
body.light-mode .user-header { body.light-mode .user-header {

View File

@@ -44,12 +44,13 @@
.user-header { .user-header {
background: var(--header-bg, #2c3e50); background: var(--header-bg, #2c3e50);
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-right: 60px; /* Space for theme toggle */
margin-left: 50px; /* Space for hamburger menu */
color: var(--header-text, white); color: var(--header-text, white);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-bottom: 1px solid var(--border-color, #ddd); border-bottom: 1px solid var(--border-color, #ddd);
max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
body.light-mode .user-header { body.light-mode .user-header {