Navbar fix

Author: linkdotnet

LinkDotNet.Blog.Web/Pages/Index.razor

@@ -20,7 +20,7 @@
             <h1>Recent Posts</h1>
         </div>
     </header>
-    <div class="content px-4">
+    <div class="content px-4 my-2">
         @for (var i = 0; i < currentPage.Count; i++)
         {
             <ShortBlogPost BlogPost="currentPage[i]" UseAlternativeStyle="@(i % 2 != 0)"></ShortBlogPost>

LinkDotNet.Blog.Web/Shared/NavMenu.razor

@@ -1,7 +1,7 @@
 @inject AppConfiguration configuration
 @inject NavigationManager navigationManager
 
-<nav class="navbar navbar-expand-lg position-absolute navbar-background inverted-colors" style="width: 100%">
+<nav class="navbar navbar-expand-lg position-absolute navbar-background inverted-colors navbar-dark" style="width: 100%">
     <div class="container-fluid">
         <a class="nav-brand barcode ms-5" href="#">@configuration.BlogName</a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">