RPM manager - scroll parent

config/app.php

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

public/css/style.css

@@ -3769,11 +3769,17 @@ table.v-top th {
     top: calc(100% - 6px);
 }
 .mcp-theme-1 .rpm-manager-popover-trigger div.rpm-manager-popover {
+    position: fixed;
     pointer-events: none;
     width: 450px;
     box-shadow: 0 0 8px #bbb;
 }
 .mcp-theme-1 .rpm-manager-popover-trigger div.rpm-manager-popover.show {
+    position: absolute;
     pointer-events: all;
     opacity: 1;
 }
+.mcp-theme-1 .rpm-manager-table-container {
+    height: calc(100vh - 180px);
+    overflow: auto;
+}

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

@@ -61,11 +61,7 @@
         <div class="card h-100">
 
             <div class="card-header px-2 py-2 d-flex align-items-baseline">
-                <form class="d-block w-100" action="" method="GET" id="rpm-matrix-filter">
-                    <div class="d-flex align-items-baseline">
-                        <span class="font-size-16">RPM Manager - {{$viewingAs}} - {{friendly_month($cmStartDate)}}</span>
-                    </div>
-                </form>
+                <span class="font-size-16">RPM Manager - {{$viewingAs}} - {{friendly_month($cmStartDate)}}</span>
             </div>
 
             <div class="card-body p-0">
@@ -137,7 +133,8 @@
                         </div>
                     @endif
                 </div>
-                <table class="table table-sm table-bordered table-striped table-hover p-0 m-0 min-width-1100px border-0" id="table-rm-matrix">
+                <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">
                     <thead class="bg-light">
                     <tr>
                         <th class="border-top-0 border-bottom-0 border-left-0"></th>
@@ -257,6 +254,7 @@
                     @endforeach
                     </tbody>
                 </table>
+                </div>
             </div>
         </div>
     </div>

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

@@ -164,7 +164,7 @@
             @endif
         @endif
         @if($iPatient->has_cellular_bp_device && $iPatient->most_recent_cellular_bp_sbp_mm_hg && $iPatient->most_recent_cellular_bp_dbp_mm_hg)
-            <div class="position-absolute p-2 bg-white border rpm-manager-popover rpm-manager-bp-popover" id="rpm-manager-bp-popover-{{$iPatient->care_month_uid}}">
+            <div class="p-2 bg-white border rpm-manager-popover rpm-manager-bp-popover" id="rpm-manager-bp-popover-{{$iPatient->care_month_uid}}">
                 <div class="font-size-16">{{ $iPatient->client_name }} - BP Measurements</div>
                 <h3 class="my-2 font-size-16" id="rpm-manager-bp-caremonth-{{$iPatient->care_month_uid}}">Care Month:
                     <a href="/patients/view/{{ $iPatient->client_uid }}/care-months/view/{{$iPatient->care_month_uid}}"
@@ -228,7 +228,7 @@
             @endif
         @endif
         @if($iPatient->has_cellular_weight_scale_device && $iPatient->most_recent_cellular_weight_value)
-            <div class="position-absolute p-2 bg-white border rpm-manager-popover rpm-manager-weight-popover" id="rpm-manager-weight-popover-{{$iPatient->care_month_uid}}">
+            <div class="p-2 bg-white border rpm-manager-popover rpm-manager-weight-popover" id="rpm-manager-weight-popover-{{$iPatient->care_month_uid}}">
                 <div class="font-size-16">{{ $iPatient->client_name }} - Weight Measurements</div>
                 <h3 class="my-2 font-size-16" id="rpm-manager-weight-caremonth-{{$iPatient->care_month_uid}}">Care Month:
                     <a href="/patients/view/{{ $iPatient->client_uid }}/care-months/view/{{$iPatient->care_month_uid}}"