From b6f3a7e11853cc713bf3292f738b4fee194d7eda Mon Sep 17 00:00:00 2001
From: Pedro Nicolas <pnicolasdevv@gmail.com>
Date: Wed, 4 Feb 2026 13:24:49 +0100
Subject: [PATCH] fix: solved problem with styles

---
 .prettierrc.json                         | 14 ++++++++++++++
 .vscode/settings.json                    |  4 ++++
 src/app/pages/open-tasks/open-tasks.html |  1 +
 src/app/pages/open-tasks/open-tasks.scss |  8 ++++----
 4 files changed, 23 insertions(+), 4 deletions(-)
 create mode 100644 .prettierrc.json

diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 0000000..5030d59
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,14 @@
+{
+  "printWidth": 1,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "htmlWhitespaceSensitivity": "ignore",
+  "singleAttributePerLine": true,
+  "bracketSameLine": false
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index b7b4c9e..7c1caa9 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -2,5 +2,9 @@
   "sonarlint.connectedMode.project": {
     "connectionId": "http-localhost-9000",
     "projectKey": "open-time-tracker"
+  },
+  "editor.formatOnSave": true,
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }
diff --git a/src/app/pages/open-tasks/open-tasks.html b/src/app/pages/open-tasks/open-tasks.html
index 00da54a..062a1a7 100644
--- a/src/app/pages/open-tasks/open-tasks.html
+++ b/src/app/pages/open-tasks/open-tasks.html
@@ -89,6 +89,7 @@ <h3 class="tasks-section-title tasks-section-title--completed">
           [(ngModel)]="taskForm.projectId"
           optionLabel="name"
           optionValue="id"
+          appendTo="body"
           [placeholder]="'tasks.dialog.selectProject' | translate"
           class="task-form__select"
         />
diff --git a/src/app/pages/open-tasks/open-tasks.scss b/src/app/pages/open-tasks/open-tasks.scss
index 44de182..c58f1ff 100644
--- a/src/app/pages/open-tasks/open-tasks.scss
+++ b/src/app/pages/open-tasks/open-tasks.scss
@@ -80,8 +80,8 @@
 
 /* ==================== TASK FORM ==================== */
 .task-form {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
+  display: flex;
+  flex-direction: column;
   gap: 1rem;
 
   &__field {
@@ -90,7 +90,7 @@
     gap: 0.5rem;
 
     &--full {
-      grid-column: 1 / -1;
+      width: 100%;
     }
   }
 
@@ -177,7 +177,7 @@
     gap: 0.25rem;
 
     &--full {
-      grid-column: 1 / -1;
+      width: 100%;
     }
   }