Add some title attributes

app/templates/home.html

@@ -15,7 +15,7 @@ Toppers Tasks
         name="task-text"
         id="task-text"
         placeholder="New Task">
-    <button class="btn btn-primary" type="submit">
+    <button class="btn btn-primary" type="submit" title="Add Task">
         <i class="bi-plus-circle"></i>
     </button>
 </form>
@@ -24,7 +24,8 @@ Toppers Tasks
     {% for task in tasks %}
     <div class="task-card" id="task-{{task.id}}">
         <a class="task-toggler" href="#task-details-{{task.id}}"
-            data-bs-toggle="collapse">
+            data-bs-toggle="collapse"
+            title="Toggle Task Details">
             <i class="bi-list"></i>
         </a>
         <div class="task-text">{{task.tasktext}}</div>
@@ -45,13 +46,16 @@ Toppers Tasks
                             {% else %}
                             <form action="/updatetask"
                                 method="post">
-                                <input type="text"
-                                    name="task-id"
-                                    value="{{task.id}}" hidden>
-                                <input type="datetime-local" name="due"
-                                    id="due">
-                                <button class="btn btn-primary"
-                                    type="submit">Update</button>
+                                <div class="d-flex flex-row">
+                                    <input type="text"
+                                        name="task-id"
+                                        value="{{task.id}}" hidden>
+                                    <input type="datetime-local" name="due"
+                                        id="due" class="form-control me-1"
+                                        title="Due Date and Time">
+                                    <button class="btn btn-primary"
+                                        type="submit">Update</button>
+                                </div>
                             </form>
                             {% endif %}
                         </td>
@@ -62,7 +66,8 @@ Toppers Tasks
                             <div class="d-flex flex-row">
                                 <a href="#assignees-{{task.id}}"
                                     data-bs-toggle="collapse"
-                                    class="btn btn-primary me-3">
+                                    class="btn btn-primary me-3"
+                                    title="Toggle Add Assignee Menu">
                                     <i class="bi-plus-circle"></i>
                                 </a>
                                 <p>{{ task.assignees }}</p>
@@ -77,7 +82,8 @@ Toppers Tasks
                                         hidden>
                                     <select name="assignee"
                                         id="assignee-{{task.id}}"
-                                        class="form-control">
+                                        class="form-control me-1"
+                                        title="New Assignee">
                                         {% for user in users %}
                                         <option
                                             value="{{user.id}}">{{user.username}}</option>
@@ -122,4 +128,4 @@ Toppers Tasks
     </a>
 </div>
 {% endif %}
-{% endblock %}
+{% endblock %}