From 2f3a195b43f4c65e78543d9831734d5b3fcef736 Mon Sep 17 00:00:00 2001
From: venba-Inspriron-3558 <venba2026@gmail.com>
Date: Thu, 21 Aug 2025 19:35:19 +0530
Subject: [PATCH] BUG_css issues

---
 app/Views/thz_list.php  |  7 +++--
 app/Views/thz_notes.php | 68 ++++++++++++++++++++---------------------
 2 files changed, 37 insertions(+), 38 deletions(-)

diff --git a/app/Views/thz_list.php b/app/Views/thz_list.php
index 10c3e72e..e711f27a 100644
--- a/app/Views/thz_list.php
+++ b/app/Views/thz_list.php
@@ -133,7 +133,7 @@ td .text-muted {
                 <table id="scroll-horizontal-datatable" class="table w-100 nowrap">
                     <thead>
                         <tr>
-                            <th>Ticket Number</th>
+                            <th>Ticket No</th>
                             <th>Name</th>
                             <th>Policy Number</th>
                             <th>Ticket Type</th>
@@ -188,7 +188,7 @@ td .text-muted {
 </div>
 
 <div class="modal fade" id="ticketModal" tabindex="-1" role="dialog" aria-hidden="true">
-  <div class="modal-dialog modal-dialog-centered modal-xl">
+  <div class="modal-dialog modal-dialog-centered modal-xl" style="margin:5px auto!important;">
     <div class="modal-content">
       <form id="ticketForm">
         <!-- <div class="modal-header">
@@ -231,7 +231,8 @@ td .text-muted {
               </div>
         </div>
                 
-        <div class="modal-body">    
+        <div class="modal-body" style="padding-top: 15px !important;
+  padding-bottom: 10px !important;">    
           <div class="form-row">
             <input type="hidden" id="thz_id" name="thz_id">
             <input type="hidden" id="return_type" name="return_type">
diff --git a/app/Views/thz_notes.php b/app/Views/thz_notes.php
index 537134ad..09dd2504 100644
--- a/app/Views/thz_notes.php
+++ b/app/Views/thz_notes.php
@@ -43,25 +43,31 @@
 .conversation-card{
     border-radius: 15px !important;
     box-shadow: 0 2px 4px 0 #00000040;
-      }
+}
+
 .card-scroll{
-overflow-y:auto;
-height:440px;
-
+    overflow-y:auto;
+    height:440px;
+}
+.recard-scroll{
+    overflow-y:auto;
+    height:295px;
+}
 
+.maincard{
+    margin-top:0 !important;
+    padding-top: 0 !important;
 }
 
 .conversation-card,
 .conversation-card .card-header,
 .conversation-card .card-body {
   background: #F5FFFF !important;
- 
 }
+
 .master-card{
     border-radius: 15px !important;
-    box-shadow: 0 1px 4px #000000;
-    overflow-y:auto;
-    overflow-x:auto;
+    box-shadow: 0 2px 4px 0 #00000040;
 }
 </style>
 <style>
@@ -70,15 +76,15 @@ height:440px;
 .related-ticket-card .card-body {
   background: #F5FFFF !important;
   overflow-y:auto;
-  box-shadow: 0 1px 4px #000000;
+  box-shadow: 0 2px 4px 0 #00000040;
 }
 </style>
 
 
 
 <div class="col-12">
-    <div class="card">
-        <div class="card-body">
+    <div class="card ">
+        <div class="card-body maincard">
             
             <!-- Title -->
             <div class="row" id="notes-title" style="padding-bottom: 10px;">
@@ -105,7 +111,7 @@ height:440px;
                                     </i>
                             </a>
                         </div>
-                        <div class="card-body" style="padding-left: 27px !important; background:#F5FFFF;">
+                        <div class="card-body card-scroll" style="padding-left: 27px !important; background:#F5FFFF;">
                             <div class="row mb-2 ml-o">
                                 <div class="col-5">Ticket ID</div>
                                 <div class="col-7 text-end"><?= $master[0]['thz_id'];?></div>
@@ -167,13 +173,13 @@ height:440px;
                 <div class="col-8">
                     
                     <!-- Conversation Card -->
-                    <div class="card mb-3 conversation-card card-scroll">
+                    <div class="card mb-3 conversation-card">
                          <div class="card-header border-0">
-                            <h5 class="mb-0">Conversation</h5>
+                            <h5 class="mb-0" style="font-size:15px;">Conversation</h5>
                             <hr/>
                         </div>
 
-                        <div class="card-body pt-0">
+                        <div class="card-body pt-0 recard-scroll">
                           <?php if(!empty($notes)): ?>
                             <?php foreach($notes as $i => $conv): ?>
                                     
@@ -295,18 +301,18 @@ height:440px;
 
 <div class="modal fade" id="relatedTicketModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
-    <div class="modal-content">
+    <div class="modal-content" style="border-radius:15px;">
       
-        <div class="modal-header">
+        <div class="modal-header" style="border-bottom-width:0;">
             <h4 class="modal-title">Related Tickets</h4>
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
 
-        <div class="modal-body">  
+        <div class="modal-body card-scroll" style="padding-top:5px!important;">  
             
             <?php foreach($related_tickets as $j => $rt): ?>
                 <div class="card related-ticket-card mb-3">
-                        <div class="card-body">
+                        <div class="card-body" style="border-radius: 20px; padding:27px !important;">
                             <div class="d-flex justify-content-between align-items-start">
                                 <h5 class="mb-1"><?php echo $rt['ticket_type']; ?></h5>
                                 <small>
@@ -337,30 +343,22 @@ height:440px;
             $("#status").select2();
             $("#assign_to").select2();
             var form = document.getElementById('ticketForm');
-      form.reset(); 
+            form.reset(); 
 
-      var masterData = <?= json_encode($master[0]); ?>;
-      console.log(masterData);
+            var masterData = <?= json_encode($master[0]); ?>;
     
-        document.getElementById('EditModalLabel').innerText = "Update";
+            document.getElementById('edit_thz_id').value = masterData.thz_id;
+            document.getElementById('assign_to').value = masterData.assign_to;
+            document.getElementById('status').value = masterData.status;
+            document.getElementById('ticket_type').value = masterData.ticket_type;
+  
+            document.getElementById('EditModalLabel').innerText = "Update Ticket: " + masterData.thz_id ;
 
-        document.getElementById('edit_thz_id').value = masterData.thz_id;
-        document.getElementById('assign_to').value = masterData.assign_to;
-        document.getElementById('status').value = masterData.status;
-        document.getElementById('ticket_type').value = masterData.ticket_type;
-
-      
-      document.getElementById('EditModalLabel').innerText = "Update Ticket: " + masterData.thz_id ;
-
-      var myModal = new bootstrap.Modal(document.getElementById('EditModal'));
-      myModal.show();
     });
 
 
     function openEditTicket() {
       
-      
-
       var masterData = <?= json_encode($master[0]); ?>;
       console.log(masterData);