fix(ui-web): align StartTransaction dialog with Authorize dialog

Add autocomplete="off", use same label/placeholder/hint pattern as
AuthorizeDialog for the RFID field. Remove misleading "optional"
placeholder.

diff --git a/ui/web/src/skins/modern/components/dialogs/StartTransactionDialog.vue b/ui/web/src/skins/modern/components/dialogs/StartTransactionDialog.vue
index 95dc8ea520e9a8dd5555c317528684d087452d80..3b70193504a0c90fbc9dab737ffb82ecd635fc7a 100644 (file)
--- a/ui/web/src/skins/modern/components/dialogs/StartTransactionDialog.vue
+++ b/ui/web/src/skins/modern/components/dialogs/StartTransactionDialog.vue
@@ -14,14 +14,18 @@
         <label
           class="modern-form__label"
           for="modern-tx-idtag"
-        >RFID tag</label>
+        >RFID / ID Tag</label>
         <input
           id="modern-tx-idtag"
           v-model.trim="formState.idTag"
           class="modern-form__input"
           type="text"
-          placeholder="optional"
+          autocomplete="off"
+          placeholder="e.g. RFID-1234"
         >
+        <span class="modern-form__hint">
+          Tag used for authorization and transaction identification.
+        </span>
       </div>
       <label class="modern-form__check">
         <input