From 94d39ff879bfbcb360d18a890dbd2b344dfae1ff Mon Sep 17 00:00:00 2001
From: Kadison <134670047+KadisonM@users.noreply.github.com>
Date: Sun, 17 Mar 2024 11:48:22 +1030
Subject: [PATCH] Fix creating empty subjects and tasks

---
 src/modals/homework-modal.ts | 8 ++++----
 src/scss/styles.scss         | 8 ++++++++
 styles.css                   | 6 ++++++
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/modals/homework-modal.ts b/src/modals/homework-modal.ts
index 68807ee..37b68e1 100644
--- a/src/modals/homework-modal.ts
+++ b/src/modals/homework-modal.ts
@@ -296,7 +296,7 @@ export default class HomeworkModal extends Modal {
         const cancelButton = this.createIconButton(subjectPrompt, undefined, "x", {message: "Cancel", position: "bottom"});
 
         inputText.addEventListener('keyup', (event) => {
-            if (inputText.value.length > 0) {
+            if (inputText.value.trim().length > 0) {
                 saveButton.removeClass("homework-manager-hidden");
             } else {
                 saveButton.addClass("homework-manager-hidden");
@@ -311,7 +311,7 @@ export default class HomeworkModal extends Modal {
         return new Promise<string | undefined>((resolve) => {
             inputText.addEventListener('keyup', (event) => {
                 if (event.key === 'Enter') {
-                    if (inputText.value.length > 0) {
+                    if (inputText.value.trim().length > 0) {
                         hideDiv();
                         resolve(inputText.value.trim());
                     }
@@ -321,7 +321,7 @@ export default class HomeworkModal extends Modal {
             saveButton.addEventListener("click", () => {
                 hideDiv();
 
-                if (inputText.value.length > 0) {
+                if (inputText.value.trim().length > 0) {
                     resolve(inputText.value.trim());
                 }
                     
@@ -361,7 +361,7 @@ export default class HomeworkModal extends Modal {
         const cancelButton = this.createIconButton(top, undefined, "x", {message: "Cancel", position: "bottom"});
 
         inputText.addEventListener('keyup', (event) => {
-            if (inputText.value.length > 0) {
+            if (inputText.value.trim().length > 0) {
                 saveButton.removeClass("homework-manager-hidden");
             } else {
                 saveButton.addClass("homework-manager-hidden");
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index ab94b9a..3b86e94 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -118,6 +118,10 @@
         align-items: center;
         margin-top: 30px;
         gap: 10px;
+
+        input {
+            width: 50%;
+        }
     }
 
     #task-prompt {
@@ -128,6 +132,10 @@
             align-items: center;
             gap: 10px;
             margin-bottom: 10px;
+            
+            input {
+                width: 50%;
+            }
         }
 
         #bottom {
diff --git a/styles.css b/styles.css
index af629dd..732263a 100644
--- a/styles.css
+++ b/styles.css
@@ -93,6 +93,9 @@
   margin-top: 30px;
   gap: 10px;
 }
+.homework-manager #subject-prompt input {
+  width: 50%;
+}
 .homework-manager #task-prompt {
   margin-top: 15px;
 }
@@ -102,6 +105,9 @@
   gap: 10px;
   margin-bottom: 10px;
 }
+.homework-manager #task-prompt #top input {
+  width: 50%;
+}
 .homework-manager #task-prompt #bottom {
   display: flex;
   align-items: center;