Contact page

WebAssembly/Layout/MainLayout.razor

@@ -5,9 +5,13 @@
 <MudDialogProvider/>
 <MudSnackbarProvider/>
 
-
 <div class="page">
     <main>
+        <div class="top-row px-4">
+            <a href="/">Home</a>
+            <a href="/contact">Contact</a>
+        </div>
+
         <article class="content px-4">
             @Body
         </article>

WebAssembly/Layout/MainLayout.razor.css

@@ -25,6 +25,7 @@ main {
     white-space: nowrap;
     margin-left: 1.5rem;
     text-decoration: none;
+    color: black;
 }
 
 .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
@@ -34,6 +35,7 @@ main {
 .top-row ::deep a:first-child {
     overflow: hidden;
     text-overflow: ellipsis;
+    margin-right: auto;
 }
 
 @media (max-width: 640.98px) {