-deploy

accounting-ng-nuttakit/src/app/component/sidebar/sidebar.component.html

@@ -11,7 +11,6 @@
     <i class="fas" [ngClass]="isOpen ? 'fa-angle-left' : 'fa-angle-right'"></i>
   </button>
 
-
   <div class="flex items-center gap-3 p-5">
     <h3 *ngIf="isOpen" class="text-2xl font-bold transition-all duration-300">
       @if(!isMobile){
@@ -44,14 +43,16 @@
       <i class="fas fa-chart-bar text-xl group-hover:scale-110 transition-transform"></i>
       <span *ngIf="isOpen" class="text-lg font-medium">Report</span>
     </li>
-
-
-
-    <li class="group flex items-center gap-3 p-3 rounded-lg cursor-pointer mt-auto
-               hover:bg-red-700 hover:shadow-lg transition-all duration-300 ease-in-out"
-        (click)="logout()">
-      <i class="fas fa-sign-out-alt text-xl group-hover:scale-110 transition-transform"></i>
-      <span *ngIf="isOpen" class="text-lg font--medium text-red-200">Logout</span>
-    </li>
   </ul>
+
+  <div class="mt-auto p-2">
+    <ul class="flex flex-col">
+      <li class="group flex items-center gap-3 p-3 rounded-lg cursor-pointer
+                 hover:bg-red-700 hover:shadow-lg transition-all duration-300 ease-in-out"
+          (click)="logout()">
+        <i class="fas fa-sign-out-alt text-xl group-hover:scale-110 transition-transform"></i>
+        <span *ngIf="isOpen" class="text-lg font-medium text-red-200">Logout</span>
+      </li>
+    </ul>
+  </div>
 </div>

accounting-ng-nuttakit/src/app/content/sidebar-content/sidebar-content.component.html

@@ -1,6 +1,6 @@
 <!-- Mobile Header -->
 <div class="md:hidden flex items-center justify-between bg-white text-gray-800 p-4 shadow-md relative z-50">
-  <button (click)="sidebar.toggleSidebar()">
+  <button (click)="sidebar.toggleSidebar()" class="p-2">
     <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-4 6h10"></path>
     </svg>