fix icons placement on increase task size

src/app/pieces/tasks/annexe-task/annexe-task.component.scss

@@ -248,7 +248,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 8px;
-                right: 5%;
+                right: 20px;
                 background-color: white;
                 border-radius: 50%;
                 padding: 4px;
@@ -258,7 +258,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 42px;
-                right: 5%;
+                right: 20px;
                 background-color: white;
                 border-radius: 50%;
                 padding: 4px;
@@ -459,7 +459,7 @@
             &-interrupt {
                 transform: scale(1.2);
                 position: absolute;
-                right: 30%;
+                right: 120px;
                 bottom: 25px;
                 border-radius: 50%;
                 background-color: white;
@@ -469,7 +469,7 @@
             &-character {
                 transform: scale(1.2);
                 position: absolute;
-                left: 50%;
+                right: 165px;
                 bottom: 25px;
                 border-radius: 50%;
                 padding: 4px;

src/app/pieces/tasks/final-task/final-task.component.scss

@@ -289,7 +289,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 8px;
-                right: 25%;
+                right: 100px;
                 border-radius: 50%;
                 background-color: white;
                 padding: 4px;
@@ -299,7 +299,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 42px;
-                right: 25%;
+                right: 100px;
                 border-radius: 50%;
                 background-color: white;
                 padding: 4px;
@@ -504,7 +504,7 @@
         &-interrupt {
             transform: scale(1.2);
             position: absolute;
-            right: 30%;
+            right: 120px;
             bottom: 25px;
             border-radius: 50%;
             background-color: white;
@@ -514,7 +514,7 @@
         &-character {
             transform: scale(1.2);
             position: absolute;
-            left: 50%;
+            right: 165px;
             bottom: 25px;
             border-radius: 50%;
             padding: 4px;

src/app/pieces/tasks/optionnal-task/optionnal-task.component.scss

@@ -300,7 +300,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 8px;
-                right: 25%;
+                right: 100px;
                 border-radius: 50%;
                 background-color: white;
                 padding: 4px;
@@ -310,7 +310,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 42px;
-                right: 25%;
+                right: 100px;
                 border-radius: 50%;
                 background-color: white;
                 padding: 4px;
@@ -514,7 +514,7 @@
         &-interrupt {
             transform: scale(1.2);
             position: absolute;
-            right: 30%;
+            right: 120px;
             bottom: 25px;
             border-radius: 50%;
             background-color: white;
@@ -524,7 +524,7 @@
         &-character {
             transform: scale(1.2);
             position: absolute;
-            left: 50%;
+            right: 165px;
             bottom: 25px;
             border-radius: 50%;
             padding: 4px;

src/app/pieces/tasks/random-event/random-event.component.scss

@@ -291,7 +291,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 8px;
-                right: 25%;
+                right: 100px;
                 border-radius: 50%;
                 background-color: white;
                 padding: 4px;
@@ -301,7 +301,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 42px;
-                right: 25%;
+                right: 100px;
                 border-radius: 50%;
                 background-color: white;
                 padding: 4px;
@@ -378,7 +378,7 @@
             &-interrupt {
                 transform: scale(1.2);
                 position: absolute;
-                right: 30%;
+                right: 120px;
                 bottom: 25px;
                 border-radius: 50%;
                 background-color: white;
@@ -388,7 +388,7 @@
             &-character {
                 transform: scale(1.2);
                 position: absolute;
-                left: 50%;
+                right: 165px;
                 bottom: 25px;
                 border-radius: 50%;
                 padding: 4px;

src/app/pieces/tasks/task/task.component.scss

@@ -297,7 +297,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 8px;
-                right: 25%;
+                right: 100px;
                 border-radius: 50%;
                 background-color: white;
                 padding: 4px;
@@ -307,7 +307,7 @@
                 transform: scale(1.2);
                 position: absolute;
                 top: 42px;
-                right: 25%;
+                right: 100px;
                 border-radius: 50%;
                 background-color: white;
                 padding: 4px;
@@ -510,7 +510,7 @@
             &-interrupt {
                 transform: scale(1.2);
                 position: absolute;
-                right: 30%;
+                right: 120px;
                 bottom: 25px;
                 border-radius: 50%;
                 background-color: white;
@@ -520,7 +520,7 @@
             &-character {
                 transform: scale(1.2);
                 position: absolute;
-                left: 50%;
+                right: 165px;
                 bottom: 25px;
                 border-radius: 50%;
                 padding: 4px;