Fix #7203. Help indicate that author should be an email. Add error styling.

Moult · Moult · commit 11873a7c5109 · 2025-10-06T14:48:22.000+11:00
diff --git 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
@@ -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>
+</div>
