Made daterange responsive

Author: linkdotnet

LinkDotNet.Blog.Web/Shared/Admin/Dashboard/DateRangeSelector.razor

@@ -1,7 +1,7 @@
-<div class="col-1">
+<div class="col-lg-1 col-md-2 col-sm-3 col-4">
     <p>Since: </p>
 </div>
-<div class="col-2">
+<div class="col-lg-2 col-md-4 col-sm-6 col-8">
     <select @onchange="RaiseDateTimeSpanChanged">
         @foreach (var (title, time) in options)
         {

LinkDotNet.Blog.Web/Shared/Admin/Dashboard/VisitCountPerPage.razor

@@ -51,13 +51,13 @@
     private async Task LoadBlogPostInformationAsync()
     {
         visitData = await (from ur in blogDbContext.UserRecords
-            where ur.DateTimeUtcClicked >= startDate
-            join bp in blogDbContext.BlogPosts
-                on ur.UrlClicked.Replace("blogPost/", string.Empty) equals bp.Id
-            group new { ur, bp } by new { ur.UrlClicked }
+                           where ur.DateTimeUtcClicked >= startDate
+                           join bp in blogDbContext.BlogPosts
+                               on ur.UrlClicked.Replace("blogPost/", string.Empty) equals bp.Id
+                           group new { ur, bp } by new { ur.UrlClicked }
             into gp
-            orderby gp.Count() descending
-            select new VisitCountPageData
+                           orderby gp.Count() descending
+                           select new VisitCountPageData
             {
                 Id = gp.FirstOrDefault().bp.Id,
                 Title = gp.FirstOrDefault().bp.Title,
@@ -69,6 +69,7 @@
     private async Task RefreshVisitCount(DateTime newBeginning)
     {
         startDate = newBeginning;
+        visitData = null;
         await LoadBlogPostInformationAsync();
     }
 }