AOSSIE-Org / AOSSIE-Org/EduAid
[BUG]: GitHub stars button has oversized clickable area causing unintended navigation
- Lenguaje dominante
- JavaScript
- Estrellas
- 171
- Forks
- 425
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
## Bug Description
## Problem
The GitHub stars button on the Home page uses ``
which makes the entire width of the page a clickable link. Clicking anywhere in the
bottom section of the page — even outside the visible button — opens the GitHub
repository in a new tab unintentionally.
## Steps to Reproduce
1. Open the EduAid web app
2. Navigate to the Home page
3. Click anywhere in the lower portion of the page outside the GitHub stars button
4. GitHub repository opens unintentionally
## Expected Behavior
Only clicking directly on the GitHub stars button should open the GitHub repository.
## Actual Behavior
The entire bottom area of the page is clickable and triggers GitHub navigation.
## Root Cause
The `` tag has `className="group block mt-10"` — the `block` class makes it
full-width, expanding the clickable area far beyond the visible button.
## Proposed Fix
Wrap the `` in a centered `div` and use `inline-block` so only the button itself
is clickable.
## Environment
- Browser: Chrome
- Component: `eduaid_web/src/pages/Home.jsx`
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Evaluación
Este issue todavía no se ha evaluado.