KYLO-2984 Maintain size of Wrangler history item icons

askmetoo · Dec 8, 2018 · 28abda4 · 28abda4
1 parent ae46d72
commit 28abda4
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/...in/resources/static/js/feed-mgr/visual-query/transform-data/transform-data.component.html b/...in/resources/static/js/feed-mgr/visual-query/transform-data/transform-data.component.html
@@ -15,12 +15,12 @@
     <mat-list fxFlex="1 1 auto">
       <ng-template ngFor let-item let-i="index" [ngForOf]="functionHistory">
         <mat-list-item>
-          <ng-md-icon *ngIf="item && item.icon && !item.icon.startsWith('mdi')" icon="{{item.icon}}" class="function-icon"></ng-md-icon>
+          <ng-md-icon *ngIf="item && item.icon && !item.icon.startsWith('mdi')" fxFlex="none" icon="{{item.icon}}" class="function-icon"></ng-md-icon>
           <i *ngIf="item && item.icon && item.icon.startsWith('mdi')" [class]="item.icon + ' function-icon material-icons'"></i>
-          <p [matTooltip]="item.name" fxFlex="1 1 auto">{{item.name}}</p>
-          <ng-md-icon (click)="toggleItem(i)" class="grey" *ngIf="item.inactive" icon="visibility" class="function-action"></ng-md-icon>
-          <ng-md-icon (click)="removeItem(i)" class="accent-color" *ngIf="item.inactive" icon="remove_circle" class="function-action"></ng-md-icon>
-          <ng-md-icon (click)="toggleItem(i)" class="accent-color" *ngIf="!item.inactive" icon="visibility" class="function-action"></ng-md-icon>
+          <p [matTooltip]="item.name" fxFlex="auto">{{item.name}}</p>
+          <ng-md-icon (click)="toggleItem(i)" fxFlex="none" class="grey" *ngIf="item.inactive" icon="visibility" class="function-action"></ng-md-icon>
+          <ng-md-icon (click)="removeItem(i)" fxFlex="none" class="accent-color" *ngIf="item.inactive" icon="remove_circle" class="function-action"></ng-md-icon>
+          <ng-md-icon (click)="toggleItem(i)" fxFlex="none" class="accent-color" *ngIf="!item.inactive" icon="visibility" class="function-action"></ng-md-icon>
         </mat-list-item>
         <mat-divider></mat-divider>
       </ng-template>