From 47ff753afbff36d72ea735ea97345232b247c884 Mon Sep 17 00:00:00 2001
From: Pearsw <will.pearson@tvsscs.com>
Date: Tue, 16 Apr 2024 22:46:16 +0100
Subject: [PATCH 1/5] renamed elements inline with blazorise components

---
 AudioCuesheetEditor/Pages/ViewModeImport.razor | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/AudioCuesheetEditor/Pages/ViewModeImport.razor b/AudioCuesheetEditor/Pages/ViewModeImport.razor
index dcf33b2d..01bdeef2 100644
--- a/AudioCuesheetEditor/Pages/ViewModeImport.razor
+++ b/AudioCuesheetEditor/Pages/ViewModeImport.razor
@@ -39,11 +39,11 @@ along with Foobar.  If not, see
                 <Card>
                     <CardHeader><CardTitle Size="2">@_localizer["Select files for import"]</CardTitle></CardHeader>
                     <CardBody>
-                        <div class="dragNDropFile mb-3" ondragover="dragOver(event, this)" ondragleave="dragLeave(event, this)" ondrop="dropFiles(event, this, 'dropFileInput')">
+                        <Field class="dragNDropFile mb-3" ondragover="dragOver(event, this)" ondragleave="dragLeave(event, this)" ondrop="dropFiles(event, this, 'dropFileInput')">
                             <svg class="dragNDropFileIcon" xmlns="http://www.w3.org/2000/svg" width="50" height="43" viewBox="0 0 50 43"><path d="M48.4 26.5c-.9 0-1.7.7-1.7 1.7v11.6h-43.3v-11.6c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v13.2c0 .9.7 1.7 1.7 1.7h46.7c.9 0 1.7-.7 1.7-1.7v-13.2c0-1-.7-1.7-1.7-1.7zm-24.5 6.1c.3.3.8.5 1.2.5.4 0 .9-.2 1.2-.5l10-11.6c.7-.7.7-1.7 0-2.4s-1.7-.7-2.4 0l-7.1 8.3v-25.3c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v25.3l-7.1-8.3c-.7-.7-1.7-.7-2.4 0s-.7 1.7 0 2.4l10 11.6z"></path></svg>
                             <FileEdit id="dropFileInput" Class="hideInput" Multiple Filter="@dragNDropUploadFilter" Changed="OnDropFileChanged" AutoReset="false"></FileEdit>
-                            <label for="dropFileInput">@((MarkupString)(_localizer["Choose file or drag it here"].ToString()))</label>
-                        </div>
+                            <FieldLabel for="dropFileInput">@((MarkupString)(_localizer["Choose file or drag it here"].ToString()))</FieldLabel>
+                        </Field>
                         @foreach (var invalidFileName in invalidDropFileNames)
                         {
                             <Alert @ref="alertInvalidFile" Color="Color.Danger" Visible Dismisable>

From 4a9865a2e438855937399a3d233c05d7367f0de5 Mon Sep 17 00:00:00 2001
From: Pearsw <will.pearson@tvsscs.com>
Date: Tue, 16 Apr 2024 22:46:56 +0100
Subject: [PATCH 2/5] add selector to target unwanted choose file button

---
 AudioCuesheetEditor/wwwroot/css/app.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/AudioCuesheetEditor/wwwroot/css/app.css b/AudioCuesheetEditor/wwwroot/css/app.css
index 552718c9..b10d776f 100644
--- a/AudioCuesheetEditor/wwwroot/css/app.css
+++ b/AudioCuesheetEditor/wwwroot/css/app.css
@@ -80,7 +80,7 @@ a, .btn-link {
         cursor: move;
     }
 
-.hideInput {
+.hideInput, .dragNDropFile div:has(> .hideInput) {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;

From 52e38914be287ff5603877b3627bed6a7e62ed1b Mon Sep 17 00:00:00 2001
From: Pearsw <will.pearson@tvsscs.com>
Date: Wed, 17 Apr 2024 09:33:46 +0100
Subject: [PATCH 3/5] simplify selector for the fieldedit component

---
 AudioCuesheetEditor/wwwroot/css/app.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/AudioCuesheetEditor/wwwroot/css/app.css b/AudioCuesheetEditor/wwwroot/css/app.css
index b10d776f..63014386 100644
--- a/AudioCuesheetEditor/wwwroot/css/app.css
+++ b/AudioCuesheetEditor/wwwroot/css/app.css
@@ -80,7 +80,7 @@ a, .btn-link {
         cursor: move;
     }
 
-.hideInput, .dragNDropFile div:has(> .hideInput) {
+.dragNDropFile > .input-group {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;

From a6caaf9f2a5a527d884cbdde6a7d0072e24fb4db Mon Sep 17 00:00:00 2001
From: Pearsw <will.pearson@tvsscs.com>
Date: Wed, 17 Apr 2024 09:34:55 +0100
Subject: [PATCH 4/5] fix selector to select the FieldLabel

---
 AudioCuesheetEditor/wwwroot/css/app.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/AudioCuesheetEditor/wwwroot/css/app.css b/AudioCuesheetEditor/wwwroot/css/app.css
index 63014386..afc7f2b5 100644
--- a/AudioCuesheetEditor/wwwroot/css/app.css
+++ b/AudioCuesheetEditor/wwwroot/css/app.css
@@ -89,7 +89,7 @@ a, .btn-link {
     z-index: -1;
 }
 
-    .hideInput + label {
+.dragNDropFile > .form-label {
         max-width: 80%;
         text-overflow: ellipsis;
         white-space: nowrap;

From 50bb661fdccc3277a9f4a36cc0445d4748a42623 Mon Sep 17 00:00:00 2001
From: Pearsw <will.pearson@tvsscs.com>
Date: Wed, 17 Apr 2024 10:21:19 +0100
Subject: [PATCH 5/5] remove used class name & attribute

---
 AudioCuesheetEditor/Pages/ViewModeImport.razor | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/AudioCuesheetEditor/Pages/ViewModeImport.razor b/AudioCuesheetEditor/Pages/ViewModeImport.razor
index 01bdeef2..1a952e17 100644
--- a/AudioCuesheetEditor/Pages/ViewModeImport.razor
+++ b/AudioCuesheetEditor/Pages/ViewModeImport.razor
@@ -41,7 +41,7 @@ along with Foobar.  If not, see
                     <CardBody>
                         <Field class="dragNDropFile mb-3" ondragover="dragOver(event, this)" ondragleave="dragLeave(event, this)" ondrop="dropFiles(event, this, 'dropFileInput')">
                             <svg class="dragNDropFileIcon" xmlns="http://www.w3.org/2000/svg" width="50" height="43" viewBox="0 0 50 43"><path d="M48.4 26.5c-.9 0-1.7.7-1.7 1.7v11.6h-43.3v-11.6c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v13.2c0 .9.7 1.7 1.7 1.7h46.7c.9 0 1.7-.7 1.7-1.7v-13.2c0-1-.7-1.7-1.7-1.7zm-24.5 6.1c.3.3.8.5 1.2.5.4 0 .9-.2 1.2-.5l10-11.6c.7-.7.7-1.7 0-2.4s-1.7-.7-2.4 0l-7.1 8.3v-25.3c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v25.3l-7.1-8.3c-.7-.7-1.7-.7-2.4 0s-.7 1.7 0 2.4l10 11.6z"></path></svg>
-                            <FileEdit id="dropFileInput" Class="hideInput" Multiple Filter="@dragNDropUploadFilter" Changed="OnDropFileChanged" AutoReset="false"></FileEdit>
+                            <FileEdit id="dropFileInput" Multiple Filter="@dragNDropUploadFilter" Changed="OnDropFileChanged" AutoReset="false"></FileEdit>
                             <FieldLabel for="dropFileInput">@((MarkupString)(_localizer["Choose file or drag it here"].ToString()))</FieldLabel>
                         </Field>
                         @foreach (var invalidFileName in invalidDropFileNames)