From ba979eb46839caf7eefa424cac4fa9e911f1a14b Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 20 Dec 2022 23:34:14 +0530
Subject: [PATCH] UX improvements

---
 index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 79a7899..12bb48e 100644
--- a/index.html
+++ b/index.html
@@ -2920,16 +2920,16 @@
                     return html`
                         <div class="flex flex-direction-column gap-0-5 rating-part" data-intern-id=${internId}>
                             <h3>${RIBC.getInternList()[internId]}</h3>  
-                            <div class="grid gap-0-5">
+                            <sm-form class="grid gap-0-5">
                                 <div class="flex gap-0-5">
-                                    <sm-input value=${completionPoints + quicknessPoints} type="number" min="0" max="60" class="flex-1 automated-points" placeholder="Out of 60" error-text="Points must be between 0-60" ?autofocus=${index === 0} animate required></sm-input>
-                                    <sm-input type="number" min="0" max="40" class="flex-1 subjective-points" placeholder="Out of 40" error-text="Points must be between 0-40" animate required></sm-input>
+                                    <sm-input value=${completionPoints + quicknessPoints} type="number" min="0" max="60" class="flex-1 automated-points" placeholder="Automated" error-text="Points must be between 0-60" ?autofocus=${index === 0} animate required></sm-input>
+                                    <sm-input type="number" min="0" max="40" class="flex-1 subjective-points" placeholder="Subjective" error-text="Points must be between 0-40" animate required></sm-input>
                                 </div>
                                 <div class="flex gap-0-5">
                                     <input class="flex-1" type="date" value=${formatDate(new Date())} placeholder="Completion date" aria-label="Set date of completion" required>
-                                    <button class="button button--primary rate-intern-button">Rate</button>
+                                    <button class="button button--primary rate-intern-button" type="submit">Rate</button>
                                 </div>
-                            </div>
+                            </sm-form>
                         </div>
                     `;
                 }