commanded hashlocationstrategy

Author: albindavidc

src/app/tasks/tasks-list/task-item/task-item.component.css

@@ -80,7 +80,7 @@ select {
   font: inherit;
   padding: .5rem;
   border: none;
-  background-color: #42380b;
+  background-color: #3a3a3a;
   color: #fefefe;
   border-radius: 0.25rem;
   font-size: 0.75rem;
@@ -102,3 +102,23 @@ button:hover,
 button:active {
   color: #f8d63c;
 }
+
+
+label {
+  display: block;
+  margin-bottom: 0.15rem;
+  font-weight: bold;
+  color: #f2e090;
+}
+
+input,
+textarea {
+  font: inherit;
+  width: 100%;
+  padding: 0.5rem;
+  margin-bottom: 0.25rem;
+  border: none;
+  background-color: #545144;
+  color: #fdf8df;
+  border-radius: 0.25rem;
+}

src/app/tasks/tasks-list/task-item/task-item.component.html

@@ -47,26 +47,29 @@ <h3>{{ task().title }}</h3>
 
   <ng-template #formEdit>
     <form #editForm="ngForm" (ngSubmit)="editTheForm()">
-      <p>
-        <label for="editTask">Title</label>
-        <input
-          type="text"
-          id="editText"
-          name="editText"
-          [(ngModel)]="editTask.title"
-          required
-        />
-      </p>
-      <p>
-        <label for="editDescription">Description:</label>
-        <textarea
-          id="editDescription"
-          name="editDescription"
-          [(ngModel)]="editTask.description"
-          required
-        >
-        </textarea>
-      </p>
+      <div style="display: flex; align-items: baseline;">
+        <p style="padding-right: 10px;">
+          <label for="editTask">Title:</label>
+          <input
+            type="text"
+            id="editText"
+            name="editText"
+            [(ngModel)]="editTask.title"
+            required
+          />
+        </p>
+        <p>
+          <label for="editDescription">Description:</label>
+          <textarea
+            id="editDescription"
+            name="editDescription"
+            [(ngModel)]="editTask.description"
+            required
+          >
+          </textarea>
+        </p>
+
+      </div>
       <button class="editButtons" type="submit" [disabled]="editForm.invalid">
         Save
       </button>

src/main.ts

@@ -12,7 +12,7 @@ bootstrapApplication(AppComponent, {
   providers: [
     provideRouter(routes),
     AuthService,
-    { provide: LocationStrategy, useClass: HashLocationStrategy },
+    // { provide: LocationStrategy, useClass: HashLocationStrategy },
     provideAnimationsAsync(),
   ],
 }).catch((err) => console.error(err));