fix css : reposition character and interrupt icons on tasks

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

@@ -322,7 +322,7 @@
             &-interrupt {
                 transform: scale(1.2);
                 position: absolute;
-                right: 41%;
+                right: 35%;
                 bottom: 25px;
                 border-radius: 50%;
                 background-color: white;
@@ -332,7 +332,7 @@
             &-character {
                 transform: scale(1.2);
                 position: absolute;
-                left: 40%;
+                left: 45%;
                 bottom: 25px;
                 border-radius: 50%;
                 padding: 4px;

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

@@ -362,7 +362,7 @@
         &-interrupt {
             transform: scale(1.2);
             position: absolute;
-            right: 41%;
+            right: 35%;
             bottom: 25px;
             border-radius: 50%;
             background-color: white;
@@ -372,7 +372,7 @@
         &-character {
             transform: scale(1.2);
             position: absolute;
-            left: 40%;
+            left: 45%;
             bottom: 25px;
             border-radius: 50%;
             padding: 4px;

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

@@ -373,7 +373,7 @@
         &-interrupt {
             transform: scale(1.2);
             position: absolute;
-            right: 41%;
+            right: 35%;
             bottom: 25px;
             border-radius: 50%;
             background-color: white;
@@ -383,7 +383,7 @@
         &-character {
             transform: scale(1.2);
             position: absolute;
-            left: 40%;
+            left: 45%;
             bottom: 25px;
             border-radius: 50%;
             padding: 4px;

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

@@ -362,7 +362,7 @@
             &-interrupt {
                 transform: scale(1.2);
                 position: absolute;
-                right: 41%;
+                right: 35%;
                 bottom: 25px;
                 border-radius: 50%;
                 background-color: white;
@@ -372,7 +372,7 @@
             &-character {
                 transform: scale(1.2);
                 position: absolute;
-                left: 40%;
+                left: 45%;
                 bottom: 25px;
                 border-radius: 50%;
                 padding: 4px;

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

@@ -372,7 +372,7 @@
             &-interrupt {
                 transform: scale(1.2);
                 position: absolute;
-                right: 41%;
+                right: 35%;
                 bottom: 25px;
                 border-radius: 50%;
                 background-color: white;
@@ -382,7 +382,7 @@
             &-character {
                 transform: scale(1.2);
                 position: absolute;
-                left: 40%;
+                left: 45%;
                 bottom: 25px;
                 border-radius: 50%;
                 padding: 4px;