Skip to content

Redesign contact section with two-column table layout - #57

Merged
jt14den merged 1 commit into
masterfrom
contact-schedule-update
Mar 15, 2026
Merged

jt14den merged 1 commit into
masterfrom
contact-schedule-update

Conversation

@jt14den

@jt14den jt14den commented Mar 15, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Replaces the JS-based timeline calendar with a clean Bootstrap table for walk-in hours
  • Moves walk-in hours and schedule consultation into a two-column side-by-side layout so both pathways are presented as equal options
  • Fixes button stacking caused by Bootstrap 4 incompatibility with the gap utility
  • Removes ~90 lines of JavaScript that was causing visual layout bugs (empty space, floating cards)

Test plan

  • Walk-in hours table renders correctly with rowspan for Tuesday's 3 slots
  • Two columns display side-by-side on desktop, stack on mobile
  • Both appointment buttons link to the correct UCLA Library Calendar URLs
  • Section looks correct on the homepage at /

🤖 Generated with Claude Code

Replace JS-based timeline with a clean Bootstrap table for walk-in
hours. Move schedule consultation buttons into a side-by-side column
layout so both pathways (walk-in and appointment) are presented as
equal options. Fix button stacking caused by Bootstrap 4 gap utility
incompatibility.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@jt14den
jt14den merged commit a6c7ac8 into master Mar 15, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant