Slight mobile styling tweaks to Infractions and Tags page

discord-csharp · Dec 23, 2023 · 688d84a · 688d84a
1 parent 5bf3e08
commit 688d84a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/Modix.Web/Components/Infractions.razor b/Modix.Web/Components/Infractions.razor
@@ -86,14 +86,16 @@
     <MudContainer MaxWidth="MaxWidth.False">
 
 
-        <div class="d-flex mb-1 gap-sm-4 flex-sm-row flex-column align-sm-center">
+        <div class="d-flex mb-1 gap-sm-4 align-sm-center">
             <div class="d-flex flex-sm-row flex-column align-start">
                 <MudButton Class="ml-1 mb-1" Variant="Variant.Filled" OnClick="ToggleDialog" StartIcon="@Icons.Material.Filled.Create" Color="Color.Primary">Create</MudButton>
                 <MudButton Class="ml-1" Variant="Variant.Filled" OnClick="RefreshTable" StartIcon="@Icons.Material.Filled.Refresh" Color="Color.Primary">Refresh</MudButton>
             </div>
             <MudSpacer/>
-            <MudCheckBox T="bool" Value="_showState" ValueChanged="ShowStateChanged" Label="Show State" Color="Color.Primary" />
-            <MudCheckBox T="bool" Value="_tableFilter.ShowDeleted" ValueChanged="ShowDeletedChanged" Label="Show Deleted" Color="Color.Primary" />
+            <div class="d-flex flex-sm-row flex-column">
+                <MudCheckBox T="bool" Value="_showState" ValueChanged="ShowStateChanged" Label="Show State" Color="Color.Primary" />
+                <MudCheckBox T="bool" Value="_tableFilter.ShowDeleted" ValueChanged="ShowDeletedChanged" Label="Show Deleted" Color="Color.Primary" />
+            </div>
         </div>
 
         <MudTable @ref="@TableRef" SortLabel="Sort By" Bordered="true" ServerData="LoadInfractions">

diff --git a/Modix.Web/Pages/Tags.razor b/Modix.Web/Pages/Tags.razor
@@ -43,7 +43,7 @@
             </MudDialog>
 
             <div class="d-flex align-sm-center flex-sm-row flex-column my-3">
-                <div class="d-flex flex-sm-row flex-column align-start">
+                <div class="d-flex align-start">
                     <AuthorizeView Context="e" Roles="@nameof(AuthorizationClaim.CreateTag)">
                         <MudButton Class="mr-1" Variant="Variant.Filled" OnClick="ToggleDialog" StartIcon="@Icons.Material.Filled.Create" Color="Color.Primary">Create</MudButton>
                     </AuthorizeView>