From 54aff58650d9ade97cabf4d154dea114a6a8a313 Mon Sep 17 00:00:00 2001
From: Ben Sima <ben@bsima.me>
Date: Wed, 12 Nov 2025 16:21:04 -0500
Subject: Make navbar collapsible on mobile with toggler

- Add hamburger toggle button positioned on right side - Navbar
collapses on small screens (< lg breakpoint) - Mobile view shows
vertically stacked elements:
  - Logged in as: email - Free: X articles left [Upgrade Now] (free
  users) - Billing (paid users only) - Admin Queue (admins only)
  - Logout
- Remove 'Plan: Pro' text for paid users (just show Billing button)
- Add rounded corners to navbar with 'rounded' class - Remove 1px
bottom border in dark mode - Toggle controlled by Bootstrap's collapse
component
---
 Biz/PodcastItLater/UI.py | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'Biz/PodcastItLater/UI.py')

diff --git a/Biz/PodcastItLater/UI.py b/Biz/PodcastItLater/UI.py
index 1a70c49..940abd5 100644
--- a/Biz/PodcastItLater/UI.py
+++ b/Biz/PodcastItLater/UI.py
@@ -49,8 +49,7 @@ def create_auto_dark_mode_style() -> html.style:
 
             /* Navbar dark mode */
             .navbar.bg-body-tertiary {
-                background-color: #2b3035 !important;
-                border-bottom: 1px solid #495057;
+            background-color: #2b3035 !important;
             }
 
             .navbar .navbar-text {
-- 
cgit v1.2.3