From b411a766ea39e24503eb8bbad537622502dde0e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Marie=CC=81thoz?= <Johnny.Mariethoz@rero.ch>
Date: Wed, 8 Jan 2025 13:25:39 +0100
Subject: [PATCH] primeng: fix delete update buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-by: Johnny Mariéthoz <Johnny.Mariethoz@rero.ch>
Co-Authored-by: Bertrand Zuchuat <bertrand.zuchuat@rero.ch>
---
 .../rero/ng-core/assets/scss/ng-core.scss     |  1 +
 .../detail-button.component.html              | 21 +++++++++----------
 .../record-search-result.component.html       |  6 +++---
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/projects/rero/ng-core/assets/scss/ng-core.scss b/projects/rero/ng-core/assets/scss/ng-core.scss
index fa11d9db..f8a987c9 100644
--- a/projects/rero/ng-core/assets/scss/ng-core.scss
+++ b/projects/rero/ng-core/assets/scss/ng-core.scss
@@ -15,6 +15,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
+@import "./variables";
 @import "./_editor";
 @import "./_theme";
 @import "./_typography";
diff --git a/projects/rero/ng-core/src/lib/record/detail/detail-button/detail-button.component.html b/projects/rero/ng-core/src/lib/record/detail/detail-button/detail-button.component.html
index 49f5da05..b10943de 100644
--- a/projects/rero/ng-core/src/lib/record/detail/detail-button/detail-button.component.html
+++ b/projects/rero/ng-core/src/lib/record/detail/detail-button/detail-button.component.html
@@ -14,17 +14,16 @@
   You should have received a copy of the GNU Affero General Public License
   along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
-<div class="flex align-items-stretch w-full">
-  <div class="flex align-items-center w-full">
-    <p-button
-      icon="fa fa-arrow-left"
-      [label]="'Back'|translate"
-      severity="secondary"
-      [text]="true"
-      (onClick)="goBack()"
-    />
-  </div>
-  <div class="flex align-items-center gap-1 justify-content-end w-full">
+<div class="flex justify-content-between flex-wrap mb-3">
+  <p-button
+    styleClass="flex-grow-1"
+    icon="fa fa-arrow-left"
+    [label]="'Back'|translate"
+    severity="secondary"
+    [text]="true"
+    (onClick)="goBack()"
+  />
+  <div class="flex flex-wrap align-items-center gap-1">
     <ng-content select="[beforeButton]"></ng-content>
     @if (record() && adminMode().can) {
       @if (useStatus() && useStatus().can && useStatus().url) {
diff --git a/projects/rero/ng-core/src/lib/record/search/result/record-search-result.component.html b/projects/rero/ng-core/src/lib/record/search/result/record-search-result.component.html
index 4670358f..a625602f 100644
--- a/projects/rero/ng-core/src/lib/record/search/result/record-search-result.component.html
+++ b/projects/rero/ng-core/src/lib/record/search/result/record-search-result.component.html
@@ -22,7 +22,7 @@
   <div class="flex flex-none gap-2 justify-content-end ml-2">
     @if (adminMode.can) {
         <!-- use button -->
-        @if (useStatus && useStatus.can && useStatus.url) {
+        @if (useStatus?.can && useStatus?.url) {
           <p-button
             [outlined]="true"
             [ariaLabel]="'Use' | translate"
@@ -33,7 +33,7 @@
         }
 
         <!-- edit button -->
-        @if (updateStatus && updateStatus.can) {
+        @if (updateStatus?.can) {
           <p-button
             [outlined]="true"
             [ariaLabel]="'Edit' | translate"
@@ -43,7 +43,7 @@
         }
 
         <!-- delete button -->
-        @if (deleteStatus) {
+        @if (deleteStatus?.can || deleteStatus?.message) {
           <p-button
           icon="fa fa-trash"
           severity="danger"