From ecfe7e9fa05f3c8738e595cfa8ef1098e6d03569 Mon Sep 17 00:00:00 2001
From: Giuseppe Digilio <giuseppe.digilio@4science.com>
Date: Wed, 12 Jun 2024 13:30:44 +0200
Subject: [PATCH] [DURACOM-271] Adjust form button color following application
 guidelines

---
 .../ldn-service-form.component.html           | 22 +++++++++++--------
 .../ldn-services-directory.component.html     |  4 ++--
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html
index 1e4b929d3d..a980182882 100644
--- a/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html
+++ b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html
@@ -263,14 +263,18 @@
 
     <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,7 +298,7 @@
     </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()"
@@ -302,7 +306,7 @@
           </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()"
diff --git a/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html b/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html
index 3dcce659c2..1c3dbe91f2 100644
--- a/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html
+++ b/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html
@@ -82,10 +82,10 @@
       <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"