Simplify navbar to clean nav links

- Remove 'Logged in as' user email display - Convert button-styled
links to standard Bootstrap nav-link style - Left-align navigation
links (removed me-auto from wrapper) - Remove logout button from navbar
(will be in account page) - Use proper ul/li structure for navbar items

The navbar is now cleaner and follows Bootstrap navbar conventions.

Amp-Thread-ID:
https://ampcode.com/threads/T-8edacbeb-b343-49ca-b524-1c999272acb6
Co-authored-by: Amp <amp@ampcode.com>

1 files changed, 12 insertions, 53 deletions

diff --git a/Biz/PodcastItLater/Web.py b/Biz/PodcastItLater/Web.py
index 525976c..71970cd 100644
--- a/Biz/PodcastItLater/Web.py
+++ b/Biz/PodcastItLater/Web.py
@@ -758,23 +758,9 @@ class HomePage(Component[AnyChildren, HomePageAttrs]):
                             ),
                             # Collapsible content
                             html.div(
-                                # User email
-                                html.div(
-                                    html.span(
-                                        html.strong("Logged in as: "),
-                                        user["email"],
-                                        classes=["navbar-text"],
-                                    ),
-                                    classes=[
-                                        "navbar-nav",
-                                        "me-auto",
-                                        "mb-2",
-                                        "mb-lg-0",
-                                    ],
-                                ),
-                                # Action buttons
-                                html.div(
-                                    html.div(
+                                # Navigation links
+                                html.ul(
+                                    html.li(
                                         html.a(
                                             html.i(
                                                 classes=[
@@ -785,15 +771,11 @@ class HomePage(Component[AnyChildren, HomePageAttrs]):
                                             ),
                                             "Manage Account",
                                             href="/account",
-                                            classes=[
-                                                "btn",
-                                                "btn-outline-secondary",
-                                                "btn-sm",
-                                                "me-2",
-                                                "mb-2",
-                                                "mb-lg-0",
-                                            ],
+                                            classes=["nav-link"],
                                         ),
+                                        classes=["nav-item"],
+                                    ),
+                                    html.li(
                                         html.a(
                                             html.i(
                                                 classes=[
@@ -804,35 +786,12 @@ class HomePage(Component[AnyChildren, HomePageAttrs]):
                                             ),
                                             "Admin Queue",
                                             href="/admin",
-                                            classes=[
-                                                "btn",
-                                                "btn-outline-primary",
-                                                "btn-sm",
-                                                "me-2",
-                                                "mb-2",
-                                                "mb-lg-0",
-                                            ],
-                                        )
-                                        if Core.is_admin(user)
-                                        else html.span(),
-                                        html.a(
-                                            html.i(
-                                                classes=[
-                                                    "bi",
-                                                    "bi-box-arrow-right",
-                                                    "me-1",
-                                                ],
-                                            ),
-                                            "Logout",
-                                            href="/logout",
-                                            classes=[
-                                                "btn",
-                                                "btn-outline-danger",
-                                                "btn-sm",
-                                            ],
+                                            classes=["nav-link"],
                                         ),
-                                        classes=["d-flex", "flex-wrap"],
-                                    ),
+                                        classes=["nav-item"],
+                                    )
+                                    if Core.is_admin(user)
+                                    else html.span(),
                                     classes=["navbar-nav"],
                                 ),
                                 id="navbarNav",