Fix alignment of search result columns, should be left-aligned

Refs #228
This commit is contained in:
Will Abson 2016-06-27 17:10:39 +01:00
parent 1276b0d4de
commit 141e45f211
2 changed files with 12 additions and 12 deletions

View File

@ -8,7 +8,7 @@
"NONE": "No results found for {{searchTerm}}", "NONE": "No results found for {{searchTerm}}",
"ERROR": "An error occurred while running the search", "ERROR": "An error occurred while running the search",
"COLUMNS": { "COLUMNS": {
"NAME": "Name", "NAME": "Display name",
"MODIFIED_BY": "Modified by", "MODIFIED_BY": "Modified by",
"MODIFIED_AT": "Modified at" "MODIFIED_AT": "Modified at"
} }

View File

@ -3,17 +3,15 @@
<table data-automation-id="search_result_table" *ngIf="results && results.length && searchTerm" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width"> <table data-automation-id="search_result_table" *ngIf="results && results.length && searchTerm" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
<thead> <thead>
<tr> <tr>
<th> <th class="mdl-data-table__cell--non-numeric"></th>
<span class="mdl-data-table__cell--non-numeric"></span> <th class="mdl-data-table__cell--non-numeric">
{{'SEARCH.RESULTS.COLUMNS.NAME' | translate}}
</th> </th>
<th> <th class="mdl-data-table__cell--non-numeric">
<span class="mdl-data-table__cell--non-numeric">{{'SEARCH.RESULTS.COLUMNS.NAME' | translate}}</span> {{'SEARCH.RESULTS.COLUMNS.MODIFIED_BY' | translate}}
</th> </th>
<th> <th class="mdl-data-table__cell--non-numeric">
<span class="mdl-data-table__cell--non-numeric">{{'SEARCH.RESULTS.COLUMNS.MODIFIED_BY' | translate}}</span> {{'SEARCH.RESULTS.COLUMNS.MODIFIED_AT' | translate}}
</th>
<th>
<span class="mdl-data-table__cell--non-numeric">{{'SEARCH.RESULTS.COLUMNS.MODIFIED_AT' | translate}}</span>
</th> </th>
</tr> </tr>
</thead> </thead>
@ -21,8 +19,10 @@
<tr *ngFor="let result of results; let idx = index" (click)="onItemClick(result, $event)"> <tr *ngFor="let result of results; let idx = index" (click)="onItemClick(result, $event)">
<td><img src="{{getMimeTypeIcon(result)}}" /></td> <td><img src="{{getMimeTypeIcon(result)}}" /></td>
<td attr.data-automation-id=file_{{result.entry.name}} >{{result.entry.name}}</td> <td class="mdl-data-table__cell--non-numeric"
<td attr.data-automation-id=file_{{result.entry.name}}_{{result.entry.modifiedByUser.displayName}}> attr.data-automation-id=file_{{result.entry.name}} >{{result.entry.name}}</td>
<td class="mdl-data-table__cell--non-numeric"
attr.data-automation-id=file_{{result.entry.name}}_{{result.entry.modifiedByUser.displayName}}>
{{result.entry.modifiedByUser.displayName}}</td> {{result.entry.modifiedByUser.displayName}}</td>
<td>{{result.entry.modifiedAt | date}}</td> <td>{{result.entry.modifiedAt | date}}</td>
</tr> </tr>