From e4a172c77c6bc5c4b10c3bacf10f2a126a6d711f Mon Sep 17 00:00:00 2001
From: Michael Bromley <michael@michaelbromley.co.uk>
Date: Mon, 22 Jan 2024 14:35:26 +0100
Subject: [PATCH] fix(admin-ui): Fix alignment of order modification history
 item

---
 .../order-history/order-history.component.html        | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/admin-ui/src/lib/order/src/components/order-history/order-history.component.html b/packages/admin-ui/src/lib/order/src/components/order-history/order-history.component.html
index 072926de85..6fb2be08eb 100644
--- a/packages/admin-ui/src/lib/order/src/components/order-history/order-history.component.html
+++ b/packages/admin-ui/src/lib/order/src/components/order-history/order-history.component.html
@@ -56,15 +56,18 @@
                         <div class="title">
                             {{ 'order.history-order-modified' | translate }}
                         </div>
-                        <ng-container *ngIf="getModification(entry.data.modificationId) as modification">
+                        <div
+                            class="flex items-center"
+                            *ngIf="getModification(entry.data.modificationId) as modification"
+                        >
                             {{ 'order.modify-order-price-difference' | translate }}:
                             <strong>{{
                                 modification.priceChange | localeCurrency : order.currencyCode
                             }}</strong>
-                            <vdr-chip colorType="success" *ngIf="modification.isSettled">{{
+                            <vdr-chip colorType="success" class="mx-1" *ngIf="modification.isSettled">{{
                                 'order.modification-settled' | translate
                             }}</vdr-chip>
-                            <vdr-chip colorType="error" *ngIf="!modification.isSettled">{{
+                            <vdr-chip colorType="error" class="mx-1" *ngIf="!modification.isSettled">{{
                                 'order.modification-not-settled' | translate
                             }}</vdr-chip>
                             <vdr-history-entry-detail>
@@ -73,7 +76,7 @@
                                     [modification]="modification"
                                 ></vdr-modification-detail>
                             </vdr-history-entry-detail>
-                        </ng-container>
+                        </div>
                     </ng-container>
                     <ng-container *ngSwitchCase="type.ORDER_PAYMENT_TRANSITION">
                         <ng-container *ngIf="entry.data.to === 'Settled'; else regularPaymentTransition">