Dashboard mobile friendly

Author: linkdotnet

LinkDotNet.Blog.Web/Pages/Admin/Dashboard.razor

@@ -7,28 +7,21 @@
 <div class="page container-fluid ms-3">
     <h3>Dashboard</h3>
     <div class="container-fluid">
-        <div class="row my-2">
-            <div class="col-auto">
-                <DashboardCard Text="Total Users:"
+        <div class="d-flex flex-row flex-wrap gap-2">
+            <DashboardCard Text="Total Users:"
                                TotalAmount="@data.TotalAmountOfUsers"
                                AmountLast30Days="@data.AmountOfUsersLast30Days"></DashboardCard>
-            </div>
-
-            <div class="col-auto">
-                <DashboardCard Text="Total Clicks:"
+            <DashboardCard Text="Total Clicks:"
                                TotalAmount="@data.TotalPageClicks"
                                AmountLast30Days="@data.PageClicksLast30Days"></DashboardCard>
-            </div>
             @if (appConfiguration.IsAboutMeEnabled)
             {
-                <div class="col-auto">
                     <DashboardCard Text="About Me:"
                                    TotalAmount="@data.TotalAboutMeClicks"
                                    AmountLast30Days="@data.AboutMeClicksLast30Days"></DashboardCard>
-                </div>
             }
         </div>
-        <div class="row">
+        <div class="row mt-3">
                         <div class="col-auto">
                             <VisitCountPerPage PageVisitCount="@data.BlogPostVisitCount"></VisitCountPerPage>
                         </div>