Fix header layout on main page to keep theme toggle right-aligned

Browse source

- Add proper flexbox styling for .header-content to space items correctly
- Style .header-text with flex: 1 to take available space on left
- Position theme toggle button on the right side of header row
- Add responsive mobile layout that stacks header vertically
- Center header text and theme toggle on mobile devices
- Maintain proper spacing and visual hierarchy at all screen sizes

...

This commit is contained in:

Deco Vander 2025-07-04 12:58:20 -04:00

parent 7a41227345

commit 7a35732687

3 changed files with 50 additions and 3 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download patch file Download diff file Expand all files Collapse all files

2

public/style.css

View file

File diff suppressed because one or more lines are too long

2

public/style.css.map

View file

File diff suppressed because one or more lines are too long