fix domains filter dropdown sizing

kaltura · Feb 22, 2021 · 039338c · 039338c
1 parent f299741
commit 039338c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app/modules/user/filter/filter.component.scss b/src/app/modules/user/filter/filter.component.scss
@@ -34,7 +34,7 @@
 
       .kListFilters {
         display: flex;
-        width: 50%;
+        width: 66%;
         .kLastItem {
           margin-right: 18px !important;
         }
@@ -45,7 +45,7 @@
         flex-direction: column;
         flex: 0 0 auto;
         margin-right: 24px;
-        width: 50%;
+        width: 34%;
       }
     }
 

diff --git a/src/app/shared/components/dropdown-filter/dropdown-filter.component.html b/src/app/shared/components/dropdown-filter/dropdown-filter.component.html
@@ -39,14 +39,14 @@ <h5 class="mini-loader" *ngIf="isLoading"><span></span><span></span></h5>
                    onError="this.onerror=null;this.style.display='none'"
                    (error)="holder.classList.add('kIconfile-small')">
             </div>
-            <span style="margin-top:2px; overflow: hidden; text-overflow: ellipsis; max-width: 400px"
+            <span style="margin-top:2px; overflow: hidden; text-overflow: ellipsis; max-width: 440px"
                   [kTooltip]="item.label" [showOnEllipsis]="true">
               {{item.label}}
             </span>
           </ng-container>
 
           <ng-container *ngSwitchDefault>
-            <span style="margin-top:2px; overflow: hidden; text-overflow: ellipsis; max-width: 400px"
+            <span style="margin-top:2px; overflow: hidden; text-overflow: ellipsis; max-width: 440px"
                   [kTooltip]="item.label" [showOnEllipsis]="true">
               {{item.label}}
             </span>