From ce2b3ba8c9318daef4ac42c4522a7c52bcbc1be6 Mon Sep 17 00:00:00 2001
From: "kham.vilaythong" <kham.vilaythong@gmail.com>
Date: Sun, 17 May 2026 13:07:11 +1000
Subject: [PATCH] add toolbar layout on the left when mobile on below image and
 text

---
 UI/src/app/toolbar/toolbar.component.html | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/UI/src/app/toolbar/toolbar.component.html b/UI/src/app/toolbar/toolbar.component.html
index b91ec95..9ad6731 100644
--- a/UI/src/app/toolbar/toolbar.component.html
+++ b/UI/src/app/toolbar/toolbar.component.html
@@ -1,17 +1,15 @@
-@if (currentUserS() && isAuth)
+@if (currentUserS() && isAuth == true)
 {
 <div class="flex flex-column justify-between md:flex-row rounded" style="background-color:transparent">
     <div style="margin-top:5px;padding-right:35px; cursor: pointer;width:400px;">
         <img (click)="onHome()" src="images/application_image.png" alt="Banner" style="height:80px;width:100%" />
     </div>
+    
     <div class="flex justify-end items-end flex-row">
         <div class="flex-column">
             <label class=" flex justify-end items-end mr-1 mb-2 myname">{{loginUser}}</label>
             <div>
-                <span class="md:hidden flex justify-start"> <!--hidden on md screen show on small-->
-                    <button type="button" pButton icon="pi pi-align-justify" (click)="onemenu.toggle($event);"></button>
-                    <p-menu #onemenu [popup]="true" [model]="oneMenu"></p-menu>
-                </span>
+               
                 <span class="hidden md:inline-flex"> <!--hidden when small screen-->
                  <p-buttonGroup >
                     <button type="button" pButton icon="pi pi-slack" label="Home" (click)="onHome()"
@@ -38,4 +36,9 @@
         </div>
     </div>
 </div>
+<!--put in the left new row if in mobile not much room-->
+<span class="md:hidden flex justify-start"> <!--hidden on md screen show on small-->
+                    <button type="button" pButton icon="pi pi-align-justify" (click)="onemenu.toggle($event);"></button>
+                    <p-menu #onemenu [popup]="true" [model]="oneMenu"></p-menu>
+</span>
 }
\ No newline at end of file