From 1fdf969f7689e4fe15be225c1c38f17263d721cf Mon Sep 17 00:00:00 2001
From: JamunaSundaramSF3699 <jamuna.sundaram@syncfusion.com>
Date: Fri, 19 Dec 2025 10:21:02 +0530
Subject: [PATCH] documentation(104398): Hotel management

---
 Employee_Managment_App/src/App.tsx                 |  9 ++++-----
 .../src/components/Employees.css                   |  3 +++
 .../src/components/Employees.tsx                   |  5 +++--
 Employee_Managment_App/src/index.css               | 14 +++++++++++++-
 4 files changed, 23 insertions(+), 8 deletions(-)
 create mode 100644 Employee_Managment_App/src/components/Employees.css

diff --git a/Employee_Managment_App/src/App.tsx b/Employee_Managment_App/src/App.tsx
index 7042c57..e7146da 100644
--- a/Employee_Managment_App/src/App.tsx
+++ b/Employee_Managment_App/src/App.tsx
@@ -181,31 +181,30 @@ function App() {
               >
               </button>
             </div>
-
             <ul className="nav flex-column">
               <li className="nav-item">
-                <NavLink className="nav-link" to="/" end>
+                <NavLink className="nav-link" to="/" end title={collapsed ? 'My Profile' : undefined} aria-label="My Profile">
                   <span className="nav-icon e-icons e-user" aria-hidden="true">
                   </span>
                   {!collapsed && <span className="nav-text">My Profile</span>}
                 </NavLink>
               </li>
               <li className="nav-item">
-                <NavLink className="nav-link" to="/organization">
+                <NavLink className="nav-link" to="/organization" title={collapsed ? 'Organization' : undefined} aria-label="Organization">
                   <span className="nav-icon e-icons e-xml-mapping" aria-hidden="true">
                   </span>
                   {!collapsed && <span className="nav-text">Organization</span>}
                 </NavLink>
               </li>
               <li className="nav-item">
-                <NavLink className="nav-link" to="/policies">
+                <NavLink className="nav-link" to="/policies" title={collapsed ? 'Policies' : undefined} aria-label="Policies">
                   <span className="nav-icon e-icons e-file-format" aria-hidden="true">
                   </span>
                   {!collapsed && <span className="nav-text">Policies</span>}
                 </NavLink>
               </li>
               <li className="nav-item">
-                <NavLink className="nav-link" to="/achievements">
+                <NavLink className="nav-link" to="/achievements" title={collapsed ? 'Achievements' : undefined} aria-label="Achievements">
                   <span className="nav-icon e-icons e-activities" aria-hidden="true">
                   </span>
                   {!collapsed && <span className="nav-text">Achievements</span>}
diff --git a/Employee_Managment_App/src/components/Employees.css b/Employee_Managment_App/src/components/Employees.css
new file mode 100644
index 0000000..4dfb585
--- /dev/null
+++ b/Employee_Managment_App/src/components/Employees.css
@@ -0,0 +1,3 @@
+#employees_grid .e-content {
+  overflow-y: hidden !important;
+}
\ No newline at end of file
diff --git a/Employee_Managment_App/src/components/Employees.tsx b/Employee_Managment_App/src/components/Employees.tsx
index 66892d1..cd6ac4c 100644
--- a/Employee_Managment_App/src/components/Employees.tsx
+++ b/Employee_Managment_App/src/components/Employees.tsx
@@ -12,6 +12,7 @@ import { TooltipComponent, TooltipEventArgs } from '@syncfusion/ej2-react-popups
 import { EmployeeDetails } from '../interface.ts';
 import { ClickEventArgs } from '@syncfusion/ej2-navigations';
 import type { SelectedFilter } from './Organization';
+import './Employees.css';
 
 DataUtil.serverTimezoneOffset = 0;
 
@@ -192,10 +193,10 @@ const Employees = (props?: EmployeesProps) => {
             />
             <ColumnDirective
               field="EmployeeCode"
-              headerText="Code"
+              headerText="Employee ID"
               template={codeTemplate}
               customAttributes={{ class: 'infotooltip' }}
-              width="120"
+              width="140"
             />
             <ColumnDirective field="Name" customAttributes={{ class: 'infotooltip' }} width="150" />
             <ColumnDirective field="Mail" clipMode="EllipsisWithTooltip" width="260" />
diff --git a/Employee_Managment_App/src/index.css b/Employee_Managment_App/src/index.css
index e2452f1..23b8abe 100644
--- a/Employee_Managment_App/src/index.css
+++ b/Employee_Managment_App/src/index.css
@@ -70705,7 +70705,7 @@ a.employee-popover:hover {
   font-size: 13px;
   font-family: 'Roboto', sans-serif;
   line-height: 20px;
-  padding: 0 0 50px 0;
+  padding: 0 0 25px 0;
 }
 
 .employeeLeave-header span {
@@ -70735,21 +70735,33 @@ a.employee-popover:hover {
 .badge-casual {
   background-color: #65cea7;
   color: #fff;
+  border-radius: 20px;
+  padding: 2px 10px;
+  display: inline-block;
 }
 
 .badge-sick {
   background-color: #23c6c8;
   color: #fff;
+  border-radius: 20px;
+  padding: 2px 10px;
+  display: inline-block;
 }
 
 .badge-others {
   background-color: #5c8a8a;
   color: #fff;
+  border-radius: 20px;
+  padding: 2px 10px;
+  display: inline-block;
 }
 
 .badge-request {
   background-color: #f3ce85;
   color: #fff;
+  border-radius: 20px;
+  padding: 2px 10px;
+  display: inline-block;
 }
 
 td.cardcell {