RPM manager - fix col-1 and rows 1 & 2

config/app.php

@@ -65,7 +65,7 @@ return [
 
     'hrm2_url' => env('HRM2_URL'),
 
-    'asset_version' => 109,
+    'asset_version' => 110,
 
 
     'temp_dir' => env('TEMP_DIR'),

resources/views/app/practice-management/rpm-manager/index.blade.php

@@ -1,11 +1,6 @@
 @extends ('layouts/template')
 
 @section('content')
-    <style>
-        #admin-table-rm-matrix_wrapper {
-            padding-top: 10px;
-        }
-    </style>
     <link href="/c3/c3.min.css" rel="stylesheet">
     <script src="/c3/d3.v5.min.js" charset="utf-8"></script>
     <script src="/c3/c3.min.js"></script>
@@ -56,6 +51,72 @@
     $specificDate = request()->input('specificDate');
     ?>
 
+    <style>
+        table#table-pm-manager-matrix {
+            position: relative;
+            border-collapse: separate !important;
+            border-spacing: 0;
+        }
+        table#table-pm-manager-matrix thead tr th {
+            background-color: #f8f9fa;
+            z-index: 2;
+        }
+        table#table-pm-manager-matrix thead tr th:not(.v-sep-before) {
+            border-left-width: 0 !important;
+        }
+        table#table-pm-manager-matrix thead tr:nth-child(1) th {
+            text-align: center;
+            position: sticky;
+            top: 0;
+            z-index: 2;
+            height: 28px;
+        }
+        table#table-pm-manager-matrix thead tr:nth-child(2) th {
+            text-align: center;
+            position: sticky;
+            top: 28px;
+            z-index: 2;
+            height: 28px;
+            border-bottom: 1px solid #ddd !important;
+        }
+        table#table-pm-manager-matrix thead th {
+
+        }
+        table#table-pm-manager-matrix th:nth-child(1) {
+            position: sticky;
+            left: 0;
+            z-index: 3 !important;
+            background-color: #f8f9fa;
+        }
+        table#table-pm-manager-matrix th:nth-child(2) {
+            position: sticky;
+            left: 41px;
+            z-index: 3 !important;
+            background-color: #f8f9fa;
+            border-right: 2px solid #ddd !important;
+        }
+        table#table-pm-manager-matrix tbody tr td:nth-child(1) {
+            position: sticky;
+            left: 0;
+            z-index: 1;
+            background-color: #f8f9fa;
+            border-right: 1px solid #ddd !important;
+        }
+        table#table-pm-manager-matrix tbody tr td:nth-child(2) {
+            position: sticky;
+            left: 41px;
+            z-index: 1;
+            background-color: #f8f9fa;
+            border-right: 2px solid #ddd !important;
+        }
+        table#table-pm-manager-matrix tbody tr td {
+            border-top-width: 0 !important;
+        }
+        table#table-pm-manager-matrix tbody tr td:not(.v-sep-before) {
+            border-left-width: 0 !important;
+        }
+    </style>
+
     <div class="p-3 mcp-theme-1" id="practice-rpm-manager">
 
         <div class="card h-100">
@@ -145,7 +206,7 @@
                     @endif
                 </div>
                 <div class="rpm-manager-table-container">
-                    <table class="table table-sm table-bordered table-striped table-hover p-0 mb-4 min-width-1100px border-0" id="table-rm-matrix">
+                    <table class="table table-sm table-bordered table-striped table-hover p-0 mb-4 min-width-1100px border-0" id="table-pm-manager-matrix">
                     <thead class="bg-light">
                     <tr>
                         <th class="border-top-0 border-bottom-0 border-left-0"></th>

resources/views/app/practice-management/rpm-manager/row.blade.php

@@ -1,5 +1,5 @@
 <tr data-client-uid="{{$iPatient->client_uid}}" data-care-month-uid="{{$iPatient->care_month_uid}}">
-    <td class="text-right border-left-0">
+    <td class="text-right border-left-0 p-0">
         @if(@$updateModel)
             <?php
             if(!!$iPatient->entries_json) {
@@ -70,7 +70,9 @@
             });
         </script>
         @endif
+        <div style="width: 40px; height: 28px; line-height: 28px; text-align: right; padding-right: 0.3rem;">
         {{$index}}
+        </div>
     </td>
     <td class="border-left-0">
         <a href="/mc/patients/view/{{ $iPatient->client_uid }}"