From 6b9fc0d47fbf292be1fa7d5073307b368035db89 Mon Sep 17 00:00:00 2001
From: Mahmut Gundogdu <mahmutgundogdu@hotmail.com.tr>
Date: Mon, 21 Nov 2022 14:43:36 +0300
Subject: [PATCH] Fix button-icon issue on mobile

---
 .../lib/components/page-toolbar/page-toolbar.component.html  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html
index e07eea66b2..dc481700d4 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html
@@ -1,6 +1,6 @@
-<div class="row justify-content-end mx-0" id="AbpContentToolbar">
+<div class="row justify-content-end mx-0 gap-2" id="AbpContentToolbar">
   <div
-    class="col-auto px-1 pt-0 pt-md-2"
+    class="col-auto px-0 pt-0 pt-md-2"
     [class.pe-0]="last"
     *ngFor="let action of actionList; trackBy: trackByFn; let last = last"
   >
@@ -17,6 +17,7 @@
             (click)="action.action(data)"
             type="button"
             [ngClass]="action.btnClass ? action.btnClass : defaultBtnClass"
+            class="d-inline-flex align-items-center gap-1"
           >
             <i [ngClass]="action.icon" [class.me-1]="action.icon"></i>
             {{ action.text | abpLocalization }}