Skip to content

[Bug] The pagination buttons on the Competency Management page sit directly on the top border #859

Closed
openedx/frontend-app-authoring
#3306

Description

@dvarenikqaconsultant

The top border is set on the pagination container (.course-search-browse__pagination), and that container has padding-top: 0. The list inside it has margin-top: 0, so there is 0px between the border and the page buttons, and the buttons touch the line. In the design there is space between the border and the pagination row.

Steps to reproduce:

  1. Log in Course Authoring Studio
  2. Go to the Taxonomies page
  3. Click Apply Competencies
  4. Click on any item in competency tree
  5. See the pagination panel under the cources on the right-hand panel

Expected result:
There is a spacing beetween the border line and the highlighting of the chosen page
Image

Actual result:
There is no spacing beetween the border line and the highlighting of the chosen page
Image

Activity

  1. moved this from Needs additional details to Todo in Competency Criteria and Student Progresson Oct 9, 2026
  2. moved this from In Progress to Unicon Code Review in Competency Criteria and Student Progresson Oct 13, 2026
  3. moved this from Unicon Code Review to Final Axim Review in Competency Criteria and Student Progresson Oct 13, 2026
  4. moved this from Todo to Unicon Code Review in Competency Criteria and Student Progresson Oct 13, 2026
  5. moved this from In Progress to Final Axim Review in Competency Criteria and Student Progresson Oct 14, 2026
  6. dvarenikqaconsultant commented on Oct 16, 2026

    @dvarenikqaconsultant
    Author

    Test report: #859

    Environment: Master Sandbox
    Test user: dmitryvarenikqa (staff)
    Test type: UI
    Result: ✅ Passed

    The fix from openedx/frontend-app-authoring#3306 was verified on the Competency Management page (Taxonomies > Apply Competencies > any item in the competency tree). The pagination row under the course list now has spacing between the top border line and the highlighted page button, matching the design.

    Image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions