ngx-bootstrap - стилизация выпадающего меню-справа без! Важно?Угловой 6

Question

У меня есть ряд, в котором будет выпадающий список и нумерация страниц перенесена на правую сторону.Могу ли я сделать «dropdown-menu-right» (элемент ul), чтобы переместиться, например, на 100 пикселей вправо, чтобы было удобнее разбиение на страницы по краю страницы, 0 пикселей справа?Я имею в виду, я знаю, что это возможно, если я добавлю! Важный для моего стиля, но я бы предпочел этого избежать.Но я не вижу другого способа, так как bootstrap дает встроенный стиль.

Другое дело, что я не могу изменить ширину выпадающего меню, даже с! Важным ... У него всегда есть начальный загрузчикширина.Если я укажу элемент "li" шириной 50px, то оставшаяся часть будет заполнена белым фоном.

Было бы замечательно, если бы ul добавлялся к элементу button / a href.

<span class="itemsPerPage" dropdown (onShown)="onShown()" 
   (onHidden)="onHidden()" (isOpenChange)="isOpenChange()">

   <a href id="itemsPerPage" dropdownToggle (click)="false"
        aria-controls="basic-link-dropdown">Number of products
        <span><label class="m-0">{{ limit }}</label><span 
        class="glyphicons glyphicons-chevron-down"></span></span>
   </a>

   <ul id="basic-link-dropdown" (placement)="top" *dropdownMenu class=" 
       dropdown-menu dropdown-menu-right"
       role="menu" aria-labelledby="itemsPerPage">

       <li *ngFor="let limitOnPage of limitsOnPage">

           <a class="dropdown-item" href="#">{{ limitOnPage }}</a>
       </li>
   </ul>

</span>


.itemsPerPage
{
margin-left: auto;
height: fit-content;

& > a
{
    color: $col-g;
    font-weight: 600;
    line-height: 34px;

    & > span
    {
        font-weight: 500;
    }
}

& > ul
{
    right: 50px;
    left: auto;
    & > li
    {
        min-width: 50px;
        width: fit-content !important;
        background-color: red;

        & > .dropdown-item
        {
            padding: 0;
        }
    }
}
}