make done button bigger (#127)

closes #122

Reviewed-on: #127

frontend/allowance-planner-v2/src/app/pages/allowance/allowance.page.ts

@@ -36,7 +36,7 @@ export class AllowancePage implements ViewWillEnter {
         allowance[0].name = 'Main Allowance';
         this.allowance$.next(allowance);
       })
-    }, 50);
+    }, 100);
   }
 
   canFinishGoal(allowance: Allowance): boolean {

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

@@ -31,6 +31,7 @@ mat-icon {
     align-items: center;
     border-bottom: 1px solid var(--line-color);
     padding: 5px;
+    padding-block: 10px;
 }
 
 .item {
@@ -56,17 +57,17 @@ mat-icon {
 }
 
 button {
-    width: 57px;
-    height: 30px;
+    height: 45px;
     border-radius: 10px;
     color: white;
     background: var(--confirm-button-color);
+    padding-inline: 15px;
 }
 
 .add-button {
     background-color: var(--ion-color-primary);
     margin-right: 15px;
-    width: 75px;
+    height: 30px;
 }
 
 .assigned {

frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts

@@ -33,7 +33,7 @@ export class TasksPage implements ViewWillEnter {
       this.taskService.getTaskList().subscribe(tasks => {
         this.tasks$.next(tasks);
       });
-    }, 50);
+    }, 100);
   }
 
   createTask() {