Merge branch 'fix-pagination-ui' of github.com:DmitiryPotychkin/hypertrace-ui into fix-pagination-ui

Author: Dmitriy Potychkin

projects/assets-library/assets/styles/_interaction.scss

@@ -23,16 +23,16 @@
   box-shadow: 0 1px 4px rgba($gray-7, 0.16), 0 3px 4px rgba($gray-7, 0.08), 0 2px 5px rgba($gray-7, 0.16);
 }
 
-@mixin dropdown($radius: 4px, $left: 1px, $margin: 1px 0) {
+@mixin dropdown($radius: 4px) {
   @include dropdown-box-shadow();
   width: inherit;
   border-radius: $radius;
   background: white;
   overflow-y: auto;
   overflow-x: hidden;
   position: relative;
-  left: $left; // To visually center while accounting for margin
-  margin: $margin; // Keeps the dropdown from covering the trigger border
+  left: 1px; // To visually center while accounting for margin
+  margin: 1px 0; // Keeps the dropdown from covering the trigger border
 }
 
 @mixin popover-menu-content {

projects/components/src/select/select.component.scss

@@ -117,7 +117,7 @@
 }
 
 .select-content {
-  @include dropdown(4px, 0, 1px 0 4px 0);
+  @include dropdown();
   max-height: 204px;
 
   .select-option {

projects/components/src/select/select.component.ts

@@ -71,7 +71,12 @@ import { SelectSize } from './select-size';
         </ht-popover-trigger>
         <ht-popover-content>
           <div class="select-content" [ngStyle]="{ 'minWidth.px': triggerContainer.offsetWidth }">
-            <div *ngFor="let item of items" (click)="this.onSelectionChange(item)" class="select-option">
+            <div
+              *ngFor="let item of items"
+              (click)="this.onSelectionChange(item)"
+              class="select-option"
+              [ngClass]="this.size"
+            >
               <span class="label">{{ item.label }}</span>
               <ht-icon
                 class="status-icon"