From 11873a7c5109d48f7fcae35970762f24fbe15540 Mon Sep 17 00:00:00 2001
From: Dion Moult <dion@thinkmoult.com>
Date: Mon, 6 Oct 2025 14:48:22 +1100
Subject: [PATCH] Fix #7203. Help indicate that author should be an email. Add
 error styling.

---
 src/ifctester/webapp/src/css/app.css                         | 5 +++++
 src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/ifctester/webapp/src/css/app.css b/src/ifctester/webapp/src/css/app.css
index 10980f263f..a8210b43e8 100644
--- a/src/ifctester/webapp/src/css/app.css
+++ b/src/ifctester/webapp/src/css/app.css
@@ -598,6 +598,11 @@ html, body {
             border-color: #008242;
             box-shadow: 0 0 0 0.2rem #00824254;
         }
+        .form-input:invalid {
+            outline: 1px;
+            border-color: #f44336;
+            box-shadow: 0 0 0 0.2rem #f4433654;
+        }
         .form-input::placeholder {
             color: #888888;
         }
diff --git a/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte b/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte
index 2e9f94dd04..59cd95c0a5 100644
--- a/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte
+++ b/src/ifctester/webapp/src/pages/Home/IdsMetadataEditor.svelte
@@ -22,7 +22,7 @@
             <input class="form-input" type="text" bind:value={() => getProp("title"), (v) => setProp("title", v)} placeholder="Enter IDS title">
         </div>
         <div class="form-group">
-            <label>Author</label>
+            <label>Author Email</label>
             <input class="form-input" type="email" bind:value={() => getProp("author"), (v) => setProp("author", v)} placeholder="Enter author">
         </div>
         <div class="form-group">
@@ -50,4 +50,4 @@
             <input class="form-input" type="text" bind:value={() => getProp("copyright"), (v) => setProp("copyright", v)} placeholder="Enter copyright">
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>