moved browse button to right
<div fxLayout="column">
<div fxLayout="row" fxFlex="100">
-
- <td-file-input class="push-left-sm push-right-sm" #fileInput [(ngModel)]="files" multiple
- [disabled]="disabled" (select)="fileSelected($event)" [style.margin-top.px]="'5'">
- <mat-icon class="accent-color">folder</mat-icon>
- <span class="text-upper accent-color">Browse...</span>
- </td-file-input>
<mat-form-field tdFileDrop
(fileDrop)="files = $event"
(click)="fileInput.inputElement.click()"
(keyup.delete)="fileInput.clear()"
(keyup.backspace)="fileInput.clear()"
[style.margin-top.px]="'-4'"
- fxFlex="70">
+ fxFlex="75">
<input matInput
[placeholder]="placeholder"
[value]="files?.length ? (files?.length + ' files') : files?.name"
readonly>
</mat-form-field>
- <span fxFlex="10">
+ <span>
<button mat-icon-button *ngIf="files" (click)="fileInput.clear()" (keyup.enter)="fileInput.clear()" color="primary">
<mat-icon>cancel</mat-icon>
</button>
</span>
+
+ <td-file-input class="push-left-sm push-right-sm" #fileInput [(ngModel)]="files" multiple
+ [disabled]="disabled" (select)="fileSelected($event)">
+ <mat-icon class="accent-color">folder</mat-icon>
+ <span class="text-upper accent-color">Browse...</span>
+ </td-file-input>
</div>
- <div *ngIf="renderSubmitButton" fxLayout="row">
- <span fxFlex="80"></span>
- <span fxFlex class="push-right">
+ <div *ngIf="renderSubmitButton" fxLayout="row" fxLayoutAlign="end center">
+ <span fxFlex></span>
+ <span>
<button mat-raised-button color="accent" [disabled]="uploadButtonDisabled()"
class="text-upper" #submitButton (click)="submitFiles()">Submit</button>
</span>
