From ecc2737a050a7bb7ef4068587e62ad9e9fd588d7 Mon Sep 17 00:00:00 2001
From: Tzahi12345 <tzahi2@hotmail.com>
Date: Sat, 9 May 2020 03:34:59 -0400
Subject: [PATCH] Pressing enter on URL input now triggers the download

---
 src/app/main/main.component.css  | 4 ++--
 src/app/main/main.component.html | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/main/main.component.css b/src/app/main/main.component.css
index ab5cc8d..4ee7412 100644
--- a/src/app/main/main.component.css
+++ b/src/app/main/main.component.css
@@ -67,8 +67,8 @@ mat-form-field.mat-form-field {
 
 .input-clear-button {
     position: absolute;
-    right: -10px;
-    top: 5px;
+    right: 5px;
+    top: 22px;
 }
 
 .spinner-div {
diff --git a/src/app/main/main.component.html b/src/app/main/main.component.html
index f9ff90d..d5b69b0 100644
--- a/src/app/main/main.component.html
+++ b/src/app/main/main.component.html
@@ -11,12 +11,12 @@
                         <div class="row">
                             <div [ngClass]="allowQualitySelect ? 'col-sm-9' : null" class="col-12">
                                 <mat-form-field color="accent" class="example-full-width">
-                                    <input style="padding-right: 25px;" (keyup.enter)="downloadClicked()" matInput  (ngModelChange)="inputChanged($event)" [(ngModel)]="url" [placeholder]="'URL' + (youtubeSearchEnabled ? ' or search' : '')" type="url" name="url" [formControl]="urlForm" required #urlinput>
+                                    <input style="padding-right: 25px;" matInput (keyup.enter)="downloadClicked()" (ngModelChange)="inputChanged($event)" [(ngModel)]="url" [placeholder]="'URL' + (youtubeSearchEnabled ? ' or search' : '')" type="url" name="url" [formControl]="urlForm" #urlinput>
                                     <mat-error *ngIf="urlError || urlForm.invalid">
                                         <ng-container i18n="Enter valid URL error">Please enter a valid URL!</ng-container>
                                     </mat-error>
-                                    <button class="input-clear-button" mat-icon-button (click)="clearInput()"><mat-icon>clear</mat-icon></button>
                                 </mat-form-field>
+                                <button type="button" class="input-clear-button" mat-icon-button (click)="clearInput()"><mat-icon>clear</mat-icon></button>
                             </div>
                             <div *ngIf="allowQualitySelect" class="col-7 col-sm-3">
                                 <mat-form-field color="accent" style="display: inline-block; width: inherit; min-width: 120px;">