UniqueSoft/Phantom
2
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix footer spacing — ~224px empty space before footer after refactoring #16

New Issue
Open
opened 2026-05-19 21:43:06 +00:00 by NW · 0 comments
NW commented 2026-05-19 21:43:06 +00:00
Owner
Copy Link

Bug Description

The footer has excessive empty space above it (~224px / 14rem), making the page look broken. This was caused by redundant Bootstrap spacing combined with custom CSS padding.

Root Cause Analysis

  • <footer> has Bootstrap class py-5 mt-5 which adds 3rem padding-top + 3rem padding-bottom + 3rem margin-top
  • Custom CSS .footer { padding: 4rem 0 2rem; } adds another 4rem padding-top
  • Total empty space above footer: 3rem (mt-5) + 4rem (custom padding-top) = 7rem ≈ 112px, plus the content gap creating ~224px total
  • Light theme footer colors are also missing (text may be invisible)

Acceptance Criteria

  • Remove redundant Bootstrap spacing classes (py-5 mt-5) from footer element
  • Footer has consistent, intentional padding (no excessive spacing)
  • Spacing between last content section and footer is ≤ 2rem
  • Footer layout is consistent across all 6 pages
  • Light theme: footer background and text colors are properly defined
  • Light theme: footer links are visible and readable
  • Dark theme: footer remains unchanged (regression check)

Files Likely Affected

  • index.html — footer element class removal
  • css/style.css — .footer padding/margin rules, light theme overrides
  • Other 5 pages — footer element consistency

How to Verify

  1. Load landing page
  2. Scroll to footer — no excessive empty space above it
  3. Check footer spacing on all 6 pages
  4. Toggle light/dark theme — footer visible in both
## Bug Description The footer has excessive empty space above it (~224px / 14rem), making the page look broken. This was caused by redundant Bootstrap spacing combined with custom CSS padding. ## Root Cause Analysis - `<footer>` has Bootstrap class `py-5 mt-5` which adds 3rem padding-top + 3rem padding-bottom + 3rem margin-top - Custom CSS `.footer { padding: 4rem 0 2rem; }` adds another 4rem padding-top - Total empty space above footer: 3rem (mt-5) + 4rem (custom padding-top) = 7rem ≈ 112px, plus the content gap creating ~224px total - Light theme footer colors are also missing (text may be invisible) ## Acceptance Criteria - [ ] Remove redundant Bootstrap spacing classes (`py-5 mt-5`) from footer element - [ ] Footer has consistent, intentional padding (no excessive spacing) - [ ] Spacing between last content section and footer is ≤ 2rem - [ ] Footer layout is consistent across all 6 pages - [ ] Light theme: footer background and text colors are properly defined - [ ] Light theme: footer links are visible and readable - [ ] Dark theme: footer remains unchanged (regression check) ## Files Likely Affected - `index.html` — footer element class removal - `css/style.css` — `.footer` padding/margin rules, light theme overrides - Other 5 pages — footer element consistency ## How to Verify 1. Load landing page 2. Scroll to footer — no excessive empty space above it 3. Check footer spacing on all 6 pages 4. Toggle light/dark theme — footer visible in both
NW added this to the Landing Bug Fixes 2025-05 milestone 2026-05-19 21:43:06 +00:00
NW added the status::newpriority::hightype::bugworkflow::landing labels 2026-05-19 21:43:06 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
phase::designing
Design phase
 phase::implementing
Implementation phase
 phase::init
Initialization phase
 phase::researching
Research phase
 phase::testing
Testing phase
 priority::critical
Critical priority
 priority::high
High priority
 priority::medium
Medium priority
 status::done
Completed
 status::in_progress
Work in progress
 status::new
Issue is new
 status::planned
Planned for work
 status::review
Under review
 type::bug
Something is broken
 workflow::landing
Landing page refactoring workflow
No Label priority::high status::new type::bug workflow::landing
Milestone
No items
No Milestone Landing Bug Fixes 2025-05
Projects
Clear projects
No project
Assignees
Clear assignees
NW olilovedani
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: UniqueSoft/Phantom#16
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?