From a4b62150532ba29396949cc7d69edc789c2eafe6 Mon Sep 17 00:00:00 2001
From: rosslh <ross@rosshill.ca>
Date: Mon, 20 Apr 2026 20:44:56 -0400
Subject: [PATCH] style(branding): fix squished mobile header logo

---
 resources/views/layouts/app.blade.php | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 7ed931e57..5c17982fd 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -69,10 +69,11 @@ class="absolute top-8 -right-3 z-50 hidden lg:flex items-center justify-center w
 
             <div
                 class="sticky top-0 z-40 flex items-center justify-between px-4 py-4 gap-x-6 sm:px-6 lg:hidden bg-white/95 dark:bg-base/95 backdrop-blur-sm border-b border-neutral-300/50 dark:border-coolgray-200/50">
-                <div class="flex items-center gap-3 flex-shrink-0">
-                    <a href="/" class="hover:opacity-80 transition-opacity">
-                        <img src="https://mapledeploy.ca/api/logo/lockup?height=32" alt="MapleDeploy" class="h-5 w-auto dark:hidden" />
-                        <img src="https://mapledeploy.ca/api/logo/lockup?height=32&dark=true" alt="MapleDeploy" class="hidden h-5 w-auto dark:block" />
+                {{-- MapleDeploy branding --}}
+                <div class="flex items-center gap-3 min-w-0 flex-1">
+                    <a href="/" class="hover:opacity-80 transition-opacity min-w-0">
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=40" alt="MapleDeploy" class="max-h-6 w-auto max-w-full dark:hidden" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden max-h-6 w-auto max-w-full dark:block" />
                     </a>
                     <livewire:switch-team />
                 </div>