From 5e2780f97f72fec1ef133d766c461ba518080425 Mon Sep 17 00:00:00 2001
From: Noel De Martin <noel@moodle.com>
Date: Thu, 20 Apr 2023 15:22:03 +0200
Subject: [PATCH] MOBILE-2652 glossary: UI Tweaks

Move actions below attachments, and use danger color for delete button
---
 .../mod/glossary/pages/entry/entry.html       | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/addons/mod/glossary/pages/entry/entry.html b/src/addons/mod/glossary/pages/entry/entry.html
index aa50fb45b..3537ee410 100644
--- a/src/addons/mod/glossary/pages/entry/entry.html
+++ b/src/addons/mod/glossary/pages/entry/entry.html
@@ -52,18 +52,6 @@
                     </core-format-text>
                 </ion-label>
             </ion-item>
-            <ion-item *ngIf="canDelete || canEdit">
-                <div slot="end">
-                    <ion-button *ngIf="canDelete" fill="clear" (click)="deleteEntry()"
-                        [attr.aria-label]="'addon.mod_glossary.deleteentry' | translate">
-                        <ion-icon slot="icon-only" name="fas-trash" aria-hidden="true"></ion-icon>
-                    </ion-button>
-                    <ion-button *ngIf="canEdit" fill="clear" (click)="editEntry()"
-                        [attr.aria-label]="'addon.mod_glossary.editentry' | translate">
-                        <ion-icon slot="icon-only" name="fas-pen" aria-hidden="true"></ion-icon>
-                    </ion-button>
-                </div>
-            </ion-item>
             <div *ngIf="onlineEntry && onlineEntry.attachment">
                 <core-file *ngFor="let file of onlineEntry.attachments" [file]="file" [component]="component" [componentId]="componentId">
                 </core-file>
@@ -83,6 +71,18 @@
                     <core-tag-list [tags]="onlineEntry.tags"></core-tag-list>
                 </ion-label>
             </ion-item>
+            <ion-item *ngIf="canDelete || canEdit">
+                <div slot="end">
+                    <ion-button *ngIf="canDelete" fill="clear" color="danger" (click)="deleteEntry()"
+                        [attr.aria-label]="'addon.mod_glossary.deleteentry' | translate">
+                        <ion-icon slot="icon-only" name="fas-trash" aria-hidden="true"></ion-icon>
+                    </ion-button>
+                    <ion-button *ngIf="canEdit" fill="clear" (click)="editEntry()"
+                        [attr.aria-label]="'addon.mod_glossary.editentry' | translate">
+                        <ion-icon slot="icon-only" name="fas-pen" aria-hidden="true"></ion-icon>
+                    </ion-button>
+                </div>
+            </ion-item>
             <ion-item class="ion-text-wrap" *ngIf="onlineEntry && !onlineEntry.approved">
                 <ion-label>
                     <p><em>{{ 'addon.mod_glossary.entrypendingapproval' | translate }}</em></p>