The page number input and pdf ratio input is not aligned with pdf navbar when using pdf.js as renderer.

Problem/Motivation

In Drupal 9, 7 and 8page number input and pdf ratio input is not aligned with pdf navbar when using pdf.js as renderer as shown in figure.

Steps to reproduce

1. Install module.
2. Configure as shown.
3. Choose pdf.js as renderer.
4. Upload pdf and check.

Proposed resolution

for drupal 9 add this in css file:
#pageNumber{
padding: 0;
color: white;
min-height: 22px;
margin-right: 2px;
margin-left: -6px;
text-align: center;
min-width: 68px;
}
#scaleSelect{
padding-left: 0.125rem;
padding-right: 2.375rem;
height: 100%;
}

for drupal 7 and 8 ass this in css file:
add margin-right: -16px; in html[dir='ltr'] .outerCenter

Remaining tasks

User interface changes

API changes

Data model changes