From b8cc6094d9a9980b7b9c3c1ac0af3ca74bf82a05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marek=20Fi=C5=A1era?= <mara@neptuo.com>
Date: Wed, 7 Aug 2024 19:05:08 +0200
Subject: [PATCH] #448 - Fix navbar overflow

---
 src/Money.Blazor.Host/Components/Title.razor | 4 ++--
 src/Money.Blazor.Host/Layouts/Layout.razor   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Money.Blazor.Host/Components/Title.razor b/src/Money.Blazor.Host/Components/Title.razor
index b189765e..50529d55 100644
--- a/src/Money.Blazor.Host/Components/Title.razor
+++ b/src/Money.Blazor.Host/Components/Title.razor
@@ -1,4 +1,4 @@
-<TemplateContent Name="FixedTop">
+<TemplateContent Name="FixedTop">
     <div class="header d-none d-sm-block">
         <div class="container">
             <div class="d-flex">
@@ -24,7 +24,7 @@
     </div>
 </TemplateContent>
 <TemplateContent Name="MobilePageTitle">
-    <h3 class="mb-0" style="font-weight: 100;">
+    <h3 class="mb-0 text-truncate" style="font-weight: 100;">
         @if (!String.IsNullOrEmpty(Icon))
         {
             <Icon Identifier="@Icon" class="ms-1 me-2" />
diff --git a/src/Money.Blazor.Host/Layouts/Layout.razor b/src/Money.Blazor.Host/Layouts/Layout.razor
index fbff5aeb..5dfdd6ef 100644
--- a/src/Money.Blazor.Host/Layouts/Layout.razor
+++ b/src/Money.Blazor.Host/Layouts/Layout.razor
@@ -3,9 +3,9 @@
 
 <div class="fixed-top bg-body">
     <nav class="navbar navbar-expand-sm navbar-dark">
-        <div class="container">
+        <div class="container flex-nowrap">
             <MainMenu />
-            <div class="mobile-page-title text-light flex-fill d-block d-sm-none">
+            <div class="mobile-page-title text-light flex-grow-1 d-block d-sm-none overflow-hidden">
                 <TemplatePlaceholder Name="MobilePageTitle" />
             </div>
             <TemplatePlaceholder Name="MobilePageActions" />