Small tweaks.

src/app/app.routes.ts

@@ -14,7 +14,7 @@ export const routes: Routes = [
         component: RecipesSearchPage,
     },
     {
-        path: 'recipes-upload',
+        path: 'recipe-upload',
         component: RecipeUploadPage,
     },
     {

src/app/shared/components/header/header.html

@@ -3,11 +3,11 @@
     @if (isLoggedIn()) {
         <div id="header-login">
             <p>Welcome {{ username() }}!</p>
-            <button matButton="tonal" (click)="logoutClick()">Logout</button>
+            <button matButton="elevated" (click)="logoutClick()">Logout</button>
         </div>
     } @else {
         <div id="header-login">
-            <button matButton="tonal" (click)="loginClick()">Login</button>
+            <button matButton="elevated" (click)="loginClick()">Login</button>
         </div>
     }
 </header>

src/app/shared/components/nav/nav.html

@@ -3,6 +3,6 @@
     <ul>
         <li><a [routerLink]="'/'">Browse Recipes</a></li>
         <li><a [routerLink]="'/recipes-search'">Search Recipes</a></li>
-        <li><a [routerLink]="'/recipes-upload'">Upload Recipe</a></li>
+        <li><a [routerLink]="'/recipe-upload'">Upload Recipe</a></li>
     </ul>
 </nav>