suggest-list: picto is managedby css

src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss

@@ -8,6 +8,10 @@
         content: "\f00d";  // fa-times
         color: var(--bs-danger);
         text-decoration: none;
+        position: absolute;
+        display: block;
+        top: calc(50% - 7px);
+        right: 10px;
     }
 }
 
@@ -36,12 +40,24 @@ ul.list-suggest {
     }
     &.add-items {
         li {
-            cursor: pointer;
+            position: relative;
+            span {
+                cursor: pointer;
+                padding-left: 2rem;
+            }
             & > span:before {
                 font: normal normal normal 14px/1 ForkAwesome;
                 margin-right: 0.5em;
                 content: "\f067"; // fa-plus
                 color: var(--bs-success);
+                position: absolute;
+                display: block;
+                top: 50%;
+                left: .75rem;
+                -webkit-transform: translateY(-50%);
+                -moz-transform: translateY(-50%);
+                -ms-transform: translateY(-50%);
+                transform: translateY(-50%);
             }
             & span:hover {
                 color: $chill-l-gray;
@@ -50,7 +66,10 @@ ul.list-suggest {
     }
     &.remove-items {
         li {
-            a {
+            position: relative;
+            span {
+                display: block;
+                padding-right: .75rem;
                 @include remove_link;
             }
         }
@@ -60,7 +79,14 @@ ul.list-suggest {
 /// manage remove link if it isn't a list but a title
 /// (cfr. in Vue AccompanyingCourseWorkEdit)
 div.item-title {
-    a {
-        @include remove_link;
+    span {
+        display: block;
+        position: relative;
+        padding: 0.5em 0.8em;
+        background-color: $chill-llight-gray;
+        border-radius: .25rem;
+        &.removable {
+            @include remove_link;
+        }
     }
 }