Change add-assignee button to spot-button in work package table, too

frontend/src/app/features/work-packages/components/wp-inline-create/wp-inline-create.component.html

@@ -1,41 +1,45 @@
 <ng-container *ngIf="canAdd || canReference">
-  <tr *ngIf="mode === 'inactive'"
-      class="wp-inline-create-button-row hide-when-print">
-    <td [attr.colspan]="colspan"
-        class="wp-inline-create-button-td -no-highlighting -no-ellipsis">
-      <div class="wp-inline-create-button">
-        <button
-          *ngIf="canAdd"
-          type="button"
-          class="wp-inline-create--add-link"
-          [class.wp-inline-create--split-link]="hasReferenceClass"
-          [opAutofocus]="focus"
-          (click)="handleAddRowClick()"
-          [attr.aria-label]="text.create"
-          aria-haspopup="true"
-        >
-          <op-icon icon-classes="icon icon-add"></op-icon>
-          <span [textContent]="text.create"></span>
-        </button>
-        <ng-container *ngIf="canReference">
-          <button
-            type="button"
-            class="wp-inline-create--reference-link wp-inline-create--split-link"
-            (click)="handleReferenceClick()"
-            [attr.aria-label]="text.create"
-            aria-haspopup="true"
-          >
-            <op-icon icon-classes="icon icon-link"></op-icon>
-            <span [textContent]="text.reference"></span>
-          </button>
-        </ng-container>
-      </div>
+  <tr
+    *ngIf="mode === 'inactive'"
+    class="wp-inline-create-button-row hide-when-print"
+  >
+    <td
+      [attr.colspan]="colspan"
+      class="wp-inline-create-button-td"
+    >
+      <button
+        *ngIf="canAdd"
+        type="button"
+        class="spot-button spot-button_basic spot-button_main"
+        [opAutofocus]="focus"
+        (click)="handleAddRowClick()"
+        [attr.aria-label]="text.create"
+        aria-haspopup="true"
+      >
+        <span class="spot-icon spot-icon_add"></span>
+        <span [textContent]="text.create"></span>
+      </button>
+      <button
+       *ngIf="canReference"
+        type="button"
+        class="spot-button spot-button_basic spot-button_main"
+        (click)="handleReferenceClick()"
+        [attr.aria-label]="text.create"
+        aria-haspopup="true"
+      >
+        <span class="spot-icon spot-icon_link"></span>
+        <span [textContent]="text.reference"></span>
+      </button>
     </td>
   </tr>
-  <tr *ngIf="hasReferenceClass && mode === 'reference'"
-      class="wp-inline-create-button-row hide-when-print">
-    <td [attr.colspan]="colspan"
-        class="wp-inline-reference-row-td -no-highlighting">
+  <tr
+    *ngIf="hasReferenceClass && mode === 'reference'"
+    class="wp-inline-create-button-row hide-when-print"
+  >
+    <td
+      [attr.colspan]="colspan"
+      class="wp-inline-reference-row-td -no-highlighting"
+    >
       <ng-container *ngComponentOutlet="referenceClass; injector: injector"></ng-container>
     </td>
   </tr>

frontend/src/app/features/work-packages/components/wp-relations/wp-relations-create/wp-relation-create.template.html

@@ -2,15 +2,15 @@
   <div class="wp-relations-create-button hide-when-print"
        *ngIf="!showRelationsCreateForm">
     <div class="grid-block">
-      <div class="grid-content collapse wp-inline-create-button">
+      <div class="grid-content collapse">
         <button
           type="button"
-          class="op-link wp-inline-create--add-link relation-create"
+          class="spot-button spot-button_basic spot-button_main"
           opAutofocus
           (click)="toggleRelationsCreateForm()"
           id="relation--add-relation"
         >
-          <op-icon icon-classes="icon icon-add"></op-icon>
+          <span class="spot-icon spot-icon_add"></span>
           <span [textContent]="text.addNewRelation"></span>
         </button>
       </div>