Video detail page on mobile: Pagination crowding video description

Does anyone have advice as to how I could fix the spacing/alignment issues with the previous/next pagination buttons on the video detail page when in mobile view? When the video description is long the previous/next buttons crowd the description and sometimes overlap it. 
many thanks in advance!

Hi,

Can you share link to this page? We can check easier

www.camerawork.ca

Thank you!

17 hours ago, ScoutMedia said:

www.camerawork.ca

 

Thank you!

I don't see pagination on homepage. Can you share link to exact page?

Absolutely! Here you go:

https://www.camerawork.ca/film/v/arkells-ft-lights-human-being

On 7/5/2023 at 10:19 PM, ScoutMedia said:

Absolutely! Here you go:

https://www.camerawork.ca/film/v/arkells-ft-lights-human-being

This margin-bottom code in CSS caused problem

You can add this to Design > Custom CSS

@media screen and (max-width:767px) {
.lesson-details {
    margin-bottom: 0 !important;
}
}

Super! That fixed it!
Is there a way to align the left-hand pagination to be aligned closer to the left-hand of the screen? I tried adjusting the margin without success.

Thank you!

16 hours ago, ScoutMedia said:

Super! That fixed it!
Is there a way to align the left-hand pagination to be aligned closer to the left-hand of the screen? I tried adjusting the margin without success.

 

Thank you!

Use this new code

@media screen and (max-width:767px) {
.lesson-details {
    margin-bottom: 0 !important;
}
.lesson-item-pagination--prev-next {
    padding-left: 10px;
    padding-right: 10px;
}
}