From fe1558a3566256440e8526ffdfdf8c2f259eccde Mon Sep 17 00:00:00 2001
From: Ilkay Ilknur <ilkay@ilkayilknur.com>
Date: Thu, 11 Mar 2021 17:10:50 +0300
Subject: [PATCH] place each toolbar item in a new column

---
 .../Layout/PageHeader.razor                                 | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/framework/src/Volo.Abp.AspNetCore.Components.WebAssembly.Theming/Layout/PageHeader.razor b/framework/src/Volo.Abp.AspNetCore.Components.WebAssembly.Theming/Layout/PageHeader.razor
index 175b96e1a7..aec0eada09 100644
--- a/framework/src/Volo.Abp.AspNetCore.Components.WebAssembly.Theming/Layout/PageHeader.razor
+++ b/framework/src/Volo.Abp.AspNetCore.Components.WebAssembly.Theming/Layout/PageHeader.razor
@@ -1,4 +1,4 @@
-@using Blazorise 
+@using Blazorise
 <Row Class="entry-row">
     <Column ColumnSize="ColumnSize.IsAuto">
         <h1 class="content-header-title">@Title</h1>
@@ -34,7 +34,9 @@
         <Row Class="justify-content-end mx-n1">
             @foreach (var toolbarItemRender in ToolbarItemRenders)
             {
-                @toolbarItemRender
+                <Column ColumnSize="ColumnSize.IsAuto" Class="px-1 pt-2">
+                    @toolbarItemRender
+                </Column>
             }
         </Row>
     </Column>