change font size and move add and delete button in edit screens (#128)

closes #118
closes #119

Reviewed-on: #128

frontend/allowance-planner-v2/src/app/pages/edit-task/edit-task.page.html

@@ -6,11 +6,6 @@
       </div>
       <ion-title *ngIf="isAddMode">Create Task</ion-title>
       <ion-title *ngIf="!isAddMode">Edit Task</ion-title>
-      <button
-        *ngIf="!isAddMode"
-        class="remove-button"
-        (click)="deleteTask()"
-      >Delete task</button>
     </div>
   </ion-toolbar>
 </ion-header>
@@ -32,5 +27,10 @@
       <span *ngIf="isAddMode">Add Task</span>
       <span *ngIf="!isAddMode">Update Task</span>
     </button>
+    <button
+      *ngIf="!isAddMode"
+      class="remove-button"
+      (click)="deleteTask()"
+    >Delete task</button>
   </form>
 </ion-content>

frontend/allowance-planner-v2/src/app/pages/edit-task/edit-task.page.scss

@@ -4,10 +4,8 @@
 }
 
 .remove-button {
-    background-color: var(--ion-color-primary);
-    margin-right: 15px;
-    width: 95px;
-    margin-bottom: 0;
+    margin-top: 10px;
+    background-color: var(--negative-amount-color);
 }
 
 form {
@@ -36,8 +34,7 @@ button {
     color: white;
     padding: 10px;
     width: 250px;
-    margin-top: auto;
-    margin-bottom: 50px;
+    margin-top: 100px;
 }
 
 button:disabled,