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/tasks/tasks.page.scss

@@ -32,6 +32,7 @@ mat-icon {
     border-bottom: 1px solid var(--line-color);
     padding: 5px;
     padding-block: 10px;
+    font-size: 18px;
 }
 
 .item {
@@ -42,7 +43,6 @@ mat-icon {
 }
 
 .name {
-    margin-left: 10px;
     color: var(--font-color);
 }
 
@@ -50,6 +50,7 @@ mat-icon {
     margin-left: auto;
     margin-right: 15px;
     color: var(--positive-amount-color);
+    font-size: 22px;
 }
 
 .negative {
@@ -73,5 +74,12 @@ button {
 .assigned {
     color: var(--line-color);
     margin-left: 3px;
-    font-size: 12px;
+    font-size: 15px;
+}
+
+.text {
+    display: flex;
+    align-items: center;
+    width: 60%;
+    margin-left: 10px;
 }