From 9697dbf569561008a1d0a07c1aa98d5474b23198 Mon Sep 17 00:00:00 2001
From: vadivelJ96 <jvadivel.1996@gmail.com>
Date: Tue, 2 Sep 2025 12:14:36 +0530
Subject: [PATCH] CHANGE_UI_FIX - VADIVEL J 2025-09-01

---
 app/Controllers/LeadsController.php |   2 +-
 app/Views/employee_list.php         |   9 ++-
 app/Views/layout/header.php         | 107 ++++++++++++++++++++--------
 app/Views/test_members_list.php     |  31 +++++---
 4 files changed, 106 insertions(+), 43 deletions(-)

diff --git a/app/Controllers/LeadsController.php b/app/Controllers/LeadsController.php
index d5f8ea12..db13f832 100644
--- a/app/Controllers/LeadsController.php
+++ b/app/Controllers/LeadsController.php
@@ -4947,7 +4947,7 @@ class LeadsController extends BaseController
 
                 // Start table with clean styling
                 $html .= "<h3 style='color: #333; font-weight: 500; margin-bottom: 15px;'>{$category}</h3>";
-                $html .= "<table data-custom-table-css='table' style='width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px;'>";
+                $html .= "<table  style='width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px;color:black;'>";
 
                 // Table header with light background
                 $html .= "<tr>";
diff --git a/app/Views/employee_list.php b/app/Views/employee_list.php
index 79a04ff9..af1cde66 100755
--- a/app/Views/employee_list.php
+++ b/app/Views/employee_list.php
@@ -57,12 +57,13 @@ table.dataTable tbody td {
     <div class="col-xl-12">
         <div id="accordion" class="mb-3">
             <div class="card mb-1">
-                <h5 class="m-1">
+                <h3 class="m-1">
+                    <span>Members</span>
                     <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
                         aria-expanded="true">
                         <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
                     </a>
-                </h5>
+                </h3>
                 <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                     <div class="card-body">
                         <!-- <div class="text-center"> -->
@@ -122,7 +123,9 @@ table.dataTable tbody td {
                         <div class="row justify-content-end">
                              <div class="col-auto">
                                 <!-- <div id="categoryFilter_12"> -->
-                                    <a href="#" class="btn btn-primary waves-effect waves-light" onclick="sendManualEcard(this)">Send Ecard</a>
+                                    <a href="#" class="btn btn-primary waves-effect waves-light" 
+                                    style="background-color: #F5FFFF; color:black; border:1px solid #00999E;"
+                                    onclick="sendManualEcard(this)">Send Ecard</a>
                                 <!-- </div> -->
                             </div>
                             <div class="col-auto">
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 7da54833..c94398b4 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -115,11 +115,6 @@
              font-family: 'Poppins' !important;
         }
 
-        body{
-            margin-top:20px;
-            background:#FAFAFA;
-        }
-
         .content{
             min-height: 70vh;
         }
@@ -129,6 +124,10 @@
             background-color: #000 !important; /* keep background black */
         }
 
+        .container-fluid{
+            padding:0px 40px  0px 40px !important;
+        }
+
     </style>
 
     <!-- navbar -->
@@ -145,6 +144,7 @@
             display:flex;
             flex-flow:row nowrap;
             justify-content:space-between;
+            margin-top:20px;
         }
 
         .nav-flex{
@@ -547,20 +547,6 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
 
 
 
-    </style>
-
-    <!-- footer -->
-    <style>
-        .footer{
-            background-color:white !important;
-            color:black;
-            margin: 30px !important;
-        }
-
-        .footer{
-            margin-left:150px;
-            position:relative;
-        }
     </style>
 
     <!-- toaster -->
@@ -647,7 +633,7 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
     table[data-custom-table-css="table"] {
     border-collapse: separate !important;
     border-spacing: 0 8px !important;
-    width: 100%;
+    width: 100% !important;
     }
 
 
@@ -739,9 +725,9 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
 
         .modal.show .modal-dialog .modal-content,
         .modal .modal-dialog .modal-content {
-        border-radius: 10px !important;
-        overflow: hidden !important;   
-        box-shadow: none;               
+            border-radius: 10px !important;
+            overflow: hidden !important;   
+            box-shadow: none;               
         }
 
         .modal .parsley-examples {
@@ -790,7 +776,6 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
         .modal .form-control {
             background-color: #ECECEC !important;
             border: 1px solid #ccc;   /* optional */
-            /* color: #000;               keep text readable */
             box-shadow: none !important;   
         }
 
@@ -902,6 +887,38 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
             top: 7px !important;
         }
 
+        /* Apply to normal inputs and selects */
+        input,
+        select {
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            border-color: #ffff !important;
+        }
+
+        input[type='file'] {
+            padding:10px !important;
+            background-color: white !important;
+        }
+
+        /* Apply to Select2 (single select) */
+        .select2-container .select2-selection--single {
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            height: 38px; /* match bootstrap input height */
+            display: flex;
+            align-items: center;
+            border-color: #ffff !important;
+        }
+
+        /* Apply to Select2 (multiple select) */
+        .select2-container .select2-selection--multiple {
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            border-color: #ffff !important;
+        }
+
+
+
     </style>
 
 
@@ -909,28 +926,41 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
     <style>
         /* Target only buttons with type="submit" */
 
+        .btn {
+            border-radius: 10px !important;
+        }
+
         button[type="submit"],
         .buttons-collection,
-        input[type="submit"] {
+        input[type="submit"],
+        #get-emp-list
+        {
             color: #fff !important;
             background-color: #E26728 !important;
-            border-color: #E26728 !important;   
-
+            border-color: #E26728 !important; 
         }
 
         /* Optional: hover effect */
         button[type="submit"]:hover,
         .buttons-collection,
-        input[type="submit"]:hover {
-            color: #fff !important;
-            background-color: #E26728 !important; 
-            border-color: #9C461B !important;
+        input[type="submit"]:hover, 
+        #get-emp-list
+        {
             cursor: pointer;          /* optional */
         }
 
 
     </style>
 
+    <!-- accordian -->
+    <style>
+        .collapse.show
+        ,.card #collapseOne .card-body
+        {
+            background-color: #F5FFFF !important;
+        }
+    </style>
+
     <!-- legacy styles of random style applied -->
     <style>
 
@@ -1025,6 +1055,21 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
     </style>
 
 
+    <!-- footer -->
+    <style>
+        .footer{
+            background-color:white !important;
+            color:black;
+            margin: 30px !important;
+        }
+
+        .footer{
+            margin-left:150px;
+            position:relative;
+        }
+    </style>
+
+
 
 </head>
 
diff --git a/app/Views/test_members_list.php b/app/Views/test_members_list.php
index 02ec054f..28ebd031 100644
--- a/app/Views/test_members_list.php
+++ b/app/Views/test_members_list.php
@@ -91,12 +91,7 @@ th, td {
     text-align: center; /* Or left/right depending on your preference */
     vertical-align: middle; /* Ensures content is vertically centered */
 }
-input[type="checkbox"] {
-    width: 16px; /* Standard checkbox size */
-    height: 16px;
-    margin: 0; /* Remove default margin */
-    vertical-align: middle; /* Align with text or other elements */
-}
+
 th:first-child, td:first-child {
     width: 50px; /* Adjust width as needed */
 }
@@ -108,6 +103,24 @@ th:first-child, td:first-child {
     table-layout: fixed; /* Prevent columns from resizing dynamically */
 }
 
+.unmapEmployees{
+    background-color:#00999E ;
+    margin-right:10px;
+}
+.mapEmployees{
+    background-color:#00999E ;
+    margin-right:10px;
+}
+
+.unmapEmployees:hover{
+    background-color:#00999E ;
+    margin-right:10px;
+}
+.mapEmployees:hover{
+    background-color:#00999E ;
+    margin-right:10px;
+}
+
 
 </style>
 
@@ -533,13 +546,15 @@ document.addEventListener("DOMContentLoaded", function () {
                     text:'Map Employees',
                     action: function(e, dt, node, config) {
                         mapEmployees();
-                    }
+                    },
+                    className:"mapEmployees"
                 },
                     {
                     text:'Unmap Employees',
                     action: function(e, dt, node, config) {
                         unmapEmployees();
-                    }
+                    },
+                    className:"unmapEmployees"
                 }],
                 language: {
                     search: "_INPUT_",