fix(workItemCell): fix titile truncate for query page

src/app/components_ngrx/work-item-cell/work-item-cell.component.html

@@ -17,23 +17,21 @@
 <!-- Title -->
 <div class="width-100"
   *ngIf="col === 'title'">
-  <div
-    [class.wi-detail-title]="context === 'list'"
-    [class.wi-detail-query-title]="context === 'query'">
+  <div class="wi-detail-title">
     <p class="truncate pointer margin-0"
       [class.bold]="row.bold"
       [innerHTML]="row.title"
       (click)="onPreview($event, row)"></p>
   </div>
   <div class="dib text-right wi-detail-icon">
     <span *ngIf="context ==='query' && row.hasChildren"
-      class="fa fa-angle-right bold padding-v-5 pointer"
+      class="fa fa-angle-right margin-left-10 bold padding-v-5 pointer"
       (click)="onExploration(row)"></span>
       <span *ngIf="context ==='query' && !row.hasChildren"
-      class="fa fa-angle-right icon__disabled padding-v-5 pointer"
+      class="fa fa-angle-right margin-left-10 icon__disabled padding-v-5 pointer"
       style="cursor: not-allowed"
       ></span>
-    <a class="fa fa-list-alt margin-left-20 padding-v-5 pointer"
+    <a class="fa fa-list-alt margin-left-15 padding-v-5 pointer"
       placement="right"
       tooltip="Open Detail View"
       [routerLink]="context === 'list' ? ['detail', row.number] : ['../', 'detail', row.number]"></a>

src/app/components_ngrx/work-item-cell/work-item-cell.component.less

@@ -6,11 +6,6 @@
   width: ~"calc(e('100% - 20px'))"; // lesshint-disable-line
 }
 
-.wi-detail-query-title {
-  display: inline-flex;
-  width: ~"calc(e('100% - 50px'))"; // lesshint-disable-line
-}
-
 .wi-detail-icon {
   width: 20px;
   opacity: 0;