From f5b20addce7a506fb495e9e64f22158c465c70f8 Mon Sep 17 00:00:00 2001
From: Gayathri4135 <gayathri.palanivel@syncfusion.com>
Date: Thu, 18 Dec 2025 18:25:08 +0530
Subject: [PATCH] 998783: Fixed UIissue in Employement Mangement

---
 Employee_Managment_App/src/components/Policies.css |  4 ++--
 Employee_Managment_App/src/components/Policies.tsx |  1 +
 Employee_Managment_App/src/components/TopNav.css   |  2 ++
 Employee_Managment_App/src/components/TopNav.tsx   | 11 -----------
 4 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/Employee_Managment_App/src/components/Policies.css b/Employee_Managment_App/src/components/Policies.css
index 75f55fa..e148ce5 100644
--- a/Employee_Managment_App/src/components/Policies.css
+++ b/Employee_Managment_App/src/components/Policies.css
@@ -99,8 +99,8 @@
 
 .section-title {
   margin: 0;
-  font-size: 14px;
-  font-weight: 600;
+  font-size: 18px; 
+  font-weight: 700;
   font-family: 'Roboto', sans-serif;
 }
 
diff --git a/Employee_Managment_App/src/components/Policies.tsx b/Employee_Managment_App/src/components/Policies.tsx
index 2659e08..e8cfb5a 100644
--- a/Employee_Managment_App/src/components/Policies.tsx
+++ b/Employee_Managment_App/src/components/Policies.tsx
@@ -180,6 +180,7 @@ const Policies: React.FC = () => {
         target=".policies-grid-wrapper"
         cssClass="policy-dialog"
         close={onDialogClose}
+        animationSettings={{ duration: 0 }}
       >
         {selected && (
           <div className="policy-dialog__content">
diff --git a/Employee_Managment_App/src/components/TopNav.css b/Employee_Managment_App/src/components/TopNav.css
index 724455d..283e1fa 100644
--- a/Employee_Managment_App/src/components/TopNav.css
+++ b/Employee_Managment_App/src/components/TopNav.css
@@ -84,6 +84,7 @@
 
 .company-name {
   font-size: 16px;
+  font-weight: bold;
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -313,6 +314,7 @@
 /* Badge */
 .badge {
   position: absolute;
+  font-family: 'Roboto', sans-serif;
   top: -4px;
   right: -4px;
   min-width: 18px;
diff --git a/Employee_Managment_App/src/components/TopNav.tsx b/Employee_Managment_App/src/components/TopNav.tsx
index 12062fb..f552645 100644
--- a/Employee_Managment_App/src/components/TopNav.tsx
+++ b/Employee_Managment_App/src/components/TopNav.tsx
@@ -23,7 +23,6 @@ type TopNavProps = {
   onOpenTasks?: () => void;
   onOpenApps?: () => void;
   onOpenAnnouncements?: () => void;
-  onHelp?: () => void;
   onProfile?: () => void;
   onSignOut?: () => void;
   userFullName?: string;
@@ -53,7 +52,6 @@ const TopNav: React.FC<TopNavProps> = ({
   onOpenTasks,
   onOpenApps,
   onOpenAnnouncements,
-  onHelp,
   onProfile,
   onSignOut,
   userFullName = 'Test Person',
@@ -225,15 +223,6 @@ const TopNav: React.FC<TopNavProps> = ({
               )}
             </button>
 
-            <button className="icon-btn" type="button" onClick={onHelp} title="Help">
-              <svg width="20" height="20" viewBox="0 0 24 24" aria-hidden="true">
-                <path
-                  fill="currentColor"
-                  d="M11 18h2v2h-2zm1-16c-5 0-9 4-9 9s4 9 9 9s9-4 9-9s-4-9-9-9zm0 16c-3.86 0-7-3.14-7-7s3.14-7 7-7s7 3.14 7 7s-3.14 7-7 7zm-.88-5h1.76v-1c0-1.1 2.12-1.38 2.12-3.25c0-1.65-1.35-2.75-3-2.75c-1.52 0-2.64.83-3.02 2.06l1.64.66c.16-.54.63-1.06 1.38-1.06c.69 0 1.24.42 1.24 1.06c0 1.18-2.12 1.45-2.12 3.28v1z"
-                />
-              </svg>
-            </button>
-
             <div className="topnav-avatar-wrapper" ref={avatarRef}>
               <ButtonComponent
                 cssClass="topnav-avatar"