Fixed styling of file input

TIER · Mar 30, 2018 · d02b6b0 · d02b6b0
1 parent 9e48030
commit d02b6b0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/ui/src/app/metadata-provider/container/upload-provider.component.html b/ui/src/app/metadata-provider/container/upload-provider.component.html
@@ -35,13 +35,13 @@ <h3 class="tag tag-primary">
         </div>
         <div class="form-group">
             <label i18n="@@label--service-provider-file" for="fileInput">Select Provider Metadata File</label>
-            <label class="custom-file d-block">
+            <div class="custom-file d-block">
                 <input id="fileInput" type="file" name="file" class="custom-file-input" (change)="fileChange($event)" />
-                <ng-container>
+                <label for="fileInput" class="custom-file-label">
                     <span *ngIf="!providerForm.get('file').value" class="custom-file-control" i18n="@@action--choose-file">Choose File</span>
                     <span *ngIf="providerForm.get('file').value" class="custom-file-control" i18n="@@action--choose-file">{{ providerForm.get('file').value }}</span>
-                </ng-container>
-            </label>
+                </label>
+            </div>
         </div>
         <div class="text-center">
             &mdash;