From 59c360c3c33a55447f08e95fed4714959300850c Mon Sep 17 00:00:00 2001
From: Peter Stone <thepeterstone@gmail.com>
Date: Tue, 27 Jan 2026 07:02:33 -1000
Subject: Fix z-index, conditions auth, and meal combining (#62, #63, #64)

Bug fixes:
- #62: Increase FAB button z-index from z-40 to z-50
- #63: Combine multiple meals per date+mealType in Meals tab
- #64: Make /conditions route public (no auth required)

Changes:
- FAB button now z-50 (same as modals, appears on top when scrolling)
- Meals tab groups meals by date+mealType, joins recipe names with " + "
- Conditions page moved outside protected routes group

DESIGN.md updates:
- Updated z-index hierarchy table
- Added Meals View section
- Noted conditions page is public

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 web/templates/index.html                    | 2 +-
 web/templates/partials/plantoeat-meals.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'web')

diff --git a/web/templates/index.html b/web/templates/index.html
index c6743ba..3451623 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -118,7 +118,7 @@
 
     <!-- Unified Action Button (FAB) -->
     <button onclick="openActionModal()"
-            class="fixed bottom-4 right-4 z-40 bg-black/60 hover:bg-black/80 backdrop-blur-sm text-white p-4 rounded-full no-print"
+            class="fixed bottom-4 right-4 z-50 bg-black/60 hover:bg-black/80 backdrop-blur-sm text-white p-4 rounded-full no-print"
             style="box-shadow: 0 0 12px black;"
             title="Quick Actions (Ctrl+K)">
         <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
diff --git a/web/templates/partials/plantoeat-meals.html b/web/templates/partials/plantoeat-meals.html
index 1f016ef..f05c98c 100644
--- a/web/templates/partials/plantoeat-meals.html
+++ b/web/templates/partials/plantoeat-meals.html
@@ -10,7 +10,7 @@
     <div class="space-y-3">
         {{range .Meals}}
         <div class="border-l-4 border-plantoeat bg-black/30 pl-4 py-3 rounded-r-lg hover:bg-black/40 transition-colors">
-            <p class="font-medium text-white">{{.RecipeName}}</p>
+            <p class="font-medium text-white">{{range $i, $name := .RecipeNames}}{{if $i}} + {{end}}{{$name}}{{end}}</p>
             <div class="flex justify-between items-center mt-2">
                 <span class="text-sm text-white/60">{{.Date.Format "Mon, Jan 2"}}</span>
                 <span class="badge bg-green-900/50 text-green-300 capitalize">
-- 
cgit v1.2.3