From 6597f64e79c4ace654faabb1e2634949359a5571 Mon Sep 17 00:00:00 2001
From: ewandor <ewandor@dorfsvald.net>
Date: Thu, 9 Feb 2023 18:01:56 +0100
Subject: [PATCH] Sidenav improvements

---
 front/app/src/app/layout/sidenav/sidenav.component.html | 8 ++++----
 front/app/src/app/layout/sidenav/sidenav.component.ts   | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/front/app/src/app/layout/sidenav/sidenav.component.html b/front/app/src/app/layout/sidenav/sidenav.component.html
index 9afb10cd..0d9bb6d4 100644
--- a/front/app/src/app/layout/sidenav/sidenav.component.html
+++ b/front/app/src/app/layout/sidenav/sidenav.component.html
@@ -1,11 +1,11 @@
-<div class="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100">
+<div class="align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100 text-nowrap">
     <a href="/" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
-        <span class="fs-5 d-none d-sm-inline">Cooper, Hillman & Toshi LLP</span>
+        <span class="fs-5 d-none d-sm-inline">Cooper, Hillman &<br/>Toshi LLP</span>
     </a>
-    <ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu">
+    <ul class="nav nav-pills flex-column align-items-sm-start mb-sm-auto mb-0 align-items-center" id="menu">
         <li *ngFor="let item of Menu" class="nav-item">
             <a href="{{item.link}}" class="nav-link align-middle px-0">
-                <i-bs [name]="item.icon"></i-bs><span class="ms-1 d-none d-sm-inline">{{item.title}}</span>
+                <i-bs [name]="item.icon"></i-bs><span class="ms-1 d-none d-sm-inline" [innerHTML]="item.title"></span>
             </a>
         </li>
     </ul>
diff --git a/front/app/src/app/layout/sidenav/sidenav.component.ts b/front/app/src/app/layout/sidenav/sidenav.component.ts
index d4cca675..f7288471 100644
--- a/front/app/src/app/layout/sidenav/sidenav.component.ts
+++ b/front/app/src/app/layout/sidenav/sidenav.component.ts
@@ -22,12 +22,12 @@ export class SidenavComponent {
             icon: IconNamesEnum.PeopleFill
         },
         {
-            title: "Provision Templates",
+            title: "Provision&nbsp;Templates",
             link: "/templates/provisions",
             icon: IconNamesEnum.BlockquoteLeft
         },
         {
-            title: "Contracts Templates",
+            title: "Contracts&nbsp;Templates",
             link: "/templates/contracts",
             icon: IconNamesEnum.FileCodeFill
         },