[DURACOM-271] Adjust form button color following application guidelines

Author: atarix83

src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html

@@ -263,14 +263,18 @@ <h1 class="flex-grow-1">{{ isNewService ? ('ldn-create-service.title' | translat
 
     <span (click)="addInboundPattern()"
           class="add-pattern-link mb-2">{{ 'ldn-new-service.form.label.addPattern' | translate }}</span>
+    <hr>
+    <div class="form-group row">
+      <div class="col text-right space-children-mr">
+        <ng-content select="[before]"></ng-content>
+        <button (click)="resetFormAndLeave()" class="btn btn-outline-secondary" type="button">
+          <span>&nbsp;{{ 'submission.general.back.submit' | translate }}</span>
+        </button>
+        <button class="btn btn-primary" type="submit">
+          <span><i class="fas fa-save"></i>&nbsp;{{ 'ldn-new-service.form.label.submit' | translate }}</span>
+        </button>
 
-    <div class="submission-form-footer my-1 position-sticky d-flex justify-content-between" role="group">
-      <button (click)="resetFormAndLeave()" class="btn btn-primary" type="button">
-        <span>&nbsp;{{ 'submission.general.back.submit' | translate }}</span>
-      </button>
-      <button class="btn btn-primary" type="submit">
-        <span><i class="fas fa-save"></i>&nbsp;{{ 'ldn-new-service.form.label.submit' | translate }}</span>
-      </button>
+      </div>
     </div>
   </form>
 </div>
@@ -294,15 +298,15 @@ <h4 *ngIf="isNewService">{{'service.overview.create.modal' | translate }}</h4>
     </div>
       <div class="modal-footer">
         <div *ngIf="!isNewService">
-          <button (click)="closeModal()" class="btn btn-danger mr-2"
+          <button (click)="closeModal()" class="btn btn-outline-secondary mr-2"
                   id="delete-confirm-edit">{{ 'service.detail.return' | translate }}
           </button>
           <button *ngIf="!isNewService" (click)="patchService()"
                   class="btn btn-primary">{{ 'service.detail.update' | translate }}
           </button>
         </div>
         <div *ngIf="isNewService">
-          <button (click)="closeModal()" class="btn btn-danger mr-2 "
+          <button (click)="closeModal()" class="btn btn-outline-secondary mr-2 "
                   id="delete-confirm-new">{{ 'service.refuse.create' | translate }}
           </button>
           <button (click)="createService()"

src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html

@@ -82,10 +82,10 @@ <h4>{{'service.overview.delete.header' | translate }}</h4>
       <div>
         {{ 'service.overview.delete.body' | translate }}
       </div>
-      <div class="mt-4">
+      <div class="mt-4 text-right">
         <button (click)="closeModal()"
                 [attr.aria-label]="'ldn-service-overview-close-modal' | translate"
-                class="btn btn-primary mr-2">{{ 'service.detail.delete.cancel' | translate }}</button>
+                class="btn btn-outline-secondary mr-2">{{ 'service.detail.delete.cancel' | translate }}</button>
         <button (click)="deleteSelected(this.selectedServiceId.toString(), ldnServicesService)"
                 class="btn btn-danger"
                 [attr.aria-label]="'ldn-service-overview-select-delete' | translate"