From 350f2d7658c046a61fe54f3c45cd71f1bb836de5 Mon Sep 17 00:00:00 2001
From: Scott Pouliot <spouliot@scppowdercoating.com>
Date: Wed, 13 May 2026 17:21:27 -0400
Subject: [PATCH] Fix duplicate logo on kiosk Welcome screen; enlarge welcome
 logo

Layout rendered a small logo at top of every kiosk page. Welcome.cshtml
also rendered its own centered logo, resulting in two logos. Suppress
the layout logo on the Welcome screen via HideLayoutLogo ViewBag flag.
Bump kiosk-welcome-logo from 120x280 to 200x420 for better presence.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/PowderCoating.Web/Views/Kiosk/Welcome.cshtml       | 1 +
 src/PowderCoating.Web/Views/Shared/_KioskLayout.cshtml | 5 ++++-
 src/PowderCoating.Web/wwwroot/css/kiosk.css            | 4 ++--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/PowderCoating.Web/Views/Kiosk/Welcome.cshtml b/src/PowderCoating.Web/Views/Kiosk/Welcome.cshtml
index 0fd3cf2..8fbbe4d 100644
--- a/src/PowderCoating.Web/Views/Kiosk/Welcome.cshtml
+++ b/src/PowderCoating.Web/Views/Kiosk/Welcome.cshtml
@@ -1,6 +1,7 @@
 @{
     Layout = "~/Views/Shared/_KioskLayout.cshtml";
     ViewData["Title"] = "Welcome";
+    ViewBag.HideLayoutLogo = true;
 }
 
 <div id="kiosk-welcome-root"
diff --git a/src/PowderCoating.Web/Views/Shared/_KioskLayout.cshtml b/src/PowderCoating.Web/Views/Shared/_KioskLayout.cshtml
index c0d63f0..a6e6598 100644
--- a/src/PowderCoating.Web/Views/Shared/_KioskLayout.cshtml
+++ b/src/PowderCoating.Web/Views/Shared/_KioskLayout.cshtml
@@ -18,7 +18,9 @@
 
 <div class="container py-4" style="max-width:720px;">
 
-    @* Logo *@
+    @* Logo — hidden on Welcome screen which renders its own centered logo *@
+    @if (!(bool)(ViewBag.HideLayoutLogo ?? false))
+    {
     <div class="text-center mb-3">
         @if (!string.IsNullOrEmpty(ViewBag.CompanyLogoUrl as string))
         {
@@ -30,6 +32,7 @@
             <span class="fw-bold fs-5 text-muted">@ViewBag.CompanyName</span>
         }
     </div>
+    }
 
     @* Step dots *@
     @if (kioskStep > 0)
diff --git a/src/PowderCoating.Web/wwwroot/css/kiosk.css b/src/PowderCoating.Web/wwwroot/css/kiosk.css
index b63f477..b71ab8a 100644
--- a/src/PowderCoating.Web/wwwroot/css/kiosk.css
+++ b/src/PowderCoating.Web/wwwroot/css/kiosk.css
@@ -130,8 +130,8 @@ body.kiosk-body {
 }
 
 .kiosk-welcome-logo {
-    max-height: 120px;
-    max-width: 280px;
+    max-height: 200px;
+    max-width: 420px;
     object-fit: contain;
     margin-bottom: 2rem;
 }