Project Name Input Improvement

- Will auto capitalize every word
- Added some more css to the input to match the drop downs more

Author: programmingKyle

src/index.html

@@ -52,7 +52,7 @@ <h6>Subtopic</h6>
               <button id="addSubtopicButton" class="slim-button fas fa-plus"></button>
 
               <h6>Project</h6>
-              <input id="projectInput" type="text">
+              <input id="projectInput" type="text" style="padding: 5px 7px;">
             </div>
             <div id="displayInputsDiv" style="display: none; grid-gap: 2px;">
               <div class="display-inputs">

src/timer.js

@@ -68,7 +68,11 @@ function formatTime(milliseconds){
 };
 
 async function logTimeHandler(time){
-    const result = await api.logTimeHandler({topicID: topicSelect_el.value, subtopicID: subtopicSelect_el.value, project: projectInput_el.value, time});
+    const words = projectInput_el.value.split(' ');
+    const formattedWords = words.map(word => capitalizeFirstLetter(word));
+    const formattedName = formattedWords.join(' ');
+
+    const result = await api.logTimeHandler({topicID: topicSelect_el.value, subtopicID: subtopicSelect_el.value, project: formattedName, time});
     await getAllActiveTopics();
     await getAllActiveSubtopics();
     await populateSubtopicSelect(topicSelect_el.value);