tweak datagrid header css

Author: pwelter34

src/LoreSoft.Blazor.Controls/DataGrid.razor

@@ -78,7 +78,9 @@
 
                                 @if (column.Sortable && column.CurrentSortIndex >= 0)
                                 {
-                                    <span class="data-grid-header-sort @(column.CurrentSortDescending ? "data-grid-header-sort-desc" : "data-grid-header-sort-asc" )"></span>
+                                    <div class="data-grid-header-sort">
+                                        <span class="@(column.CurrentSortDescending ? "data-grid-header-sort-desc" : "data-grid-header-sort-asc" )"></span>
+                                    </div>
                                 }
 
                                 @if (Filterable && column.Filterable)

src/LoreSoft.Blazor.Controls/Styles/_data.scss

@@ -32,10 +32,16 @@ button.data-grid-header-filter {
   cursor: pointer;
   background-color: transparent;
   border: 0 none;
-  padding: 0.025rem 0.2rem;
+  padding: 0;
   font: inherit;
 }
 
+.data-grid-header-sort {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .data-grid-header-sort-asc::before,
 .data-grid-header-sort-desc::before,
 .data-grid-header-filter-icon::before,