RPM manager - bigger tooltip trigger area

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

@@ -95,9 +95,9 @@
         </td>
     @endif
     @if($viewingAs === 'ADMIN')
-        <td class="rmgr-name-column"><div class="rmgr-name-element" title="{{$iPatient->mcp_name ?: ''}}">{{$iPatient->mcp_last_name ?: '-'}}</div></td>
-        <td class="rmgr-name-column"><div class="rmgr-name-element" title="{{$iPatient->rmm_name ?: ''}}">{{$iPatient->rmm_last_name ?: '-'}}</div></td>
-        <td class="rmgr-name-column"><div class="rmgr-name-element" title="{{$iPatient->rme_name ?: ''}}">{{$iPatient->rme_last_name ?: '-'}}</div></td>
+        <td class="rmgr-name-column" title="{{$iPatient->mcp_name ?: ''}}"><div class="rmgr-name-element">{{$iPatient->mcp_last_name ?: '-'}}</div></td>
+        <td class="rmgr-name-column" title="{{$iPatient->rmm_name ?: ''}}"><div class="rmgr-name-element">{{$iPatient->rmm_last_name ?: '-'}}</div></td>
+        <td class="rmgr-name-column" title="{{$iPatient->rme_name ?: ''}}"><div class="rmgr-name-element">{{$iPatient->rme_last_name ?: '-'}}</div></td>
     @endif
     <td><span class="text-nowrap">{{$iPatient->next_visit_date ? friendly_date($iPatient->next_visit_date) : '-'}}</span></td>
     <td class="{{+$iPatient->days_between_most_recent_mcp_note_date_and_end_of_care_month > 120 ? 'text-danger opacity-60' : ''}}"
@@ -105,35 +105,35 @@
         >{{$iPatient->days_between_most_recent_mcp_note_date_and_end_of_care_month}}</td>
 
     <!--# Meas. Days-->
-    <td>
-        <?php
-        $icon = '';
-        $label = '';
-        if($iPatient->number_of_days_with_remote_measurements>=16) {
-            $icon = '<i class="ml-1 fa fa-check text-success opacity-35"></i>';
-        }
-        else {
-            if(intval(date('m')) === intval(request()->input('m')) || !request()->input('m')) {
-                if($daysRemaining < 16 - $iPatient->number_of_days_with_remote_measurements) {
-                    $icon = '<i class="ml-1 fas fa-ban text-secondary opacity-35"></i>';
-                    $label = 'Not possible. Not enough days left to reach 16.';
-                }
-                elseif($daysRemaining > 16 - $iPatient->number_of_days_with_remote_measurements) {
-                    $icon = '<i class="ml-1 fa fa-bolt text-primary"></i>';
-                    $label = 'Possible. Ensure ' . (16 - $iPatient->number_of_days_with_remote_measurements) . ' more days with measurements before the end of the month.';
-                }
-                elseif($daysRemaining === 16 - $iPatient->number_of_days_with_remote_measurements) {
-                    $icon = '<i class="ml-1 fa fa-exclamation-triangle text-danger"></i>';
-                    $label = 'Possible. Ensure a measurement every day for the rest of the month.';
-                }
-            }
-            else {
+    <?php
+    $icon = '';
+    $label = '';
+    if($iPatient->number_of_days_with_remote_measurements>=16) {
+        $icon = '<i class="ml-1 fa fa-check text-success opacity-35"></i>';
+    }
+    else {
+        if(intval(date('m')) === intval(request()->input('m')) || !request()->input('m')) {
+            if($daysRemaining < 16 - $iPatient->number_of_days_with_remote_measurements) {
                 $icon = '<i class="ml-1 fas fa-ban text-secondary opacity-35"></i>';
-                $label = 'Not possible. Past month.';
+                $label = 'Not possible. Not enough days left to reach 16.';
+            }
+            elseif($daysRemaining > 16 - $iPatient->number_of_days_with_remote_measurements) {
+                $icon = '<i class="ml-1 fa fa-bolt text-primary"></i>';
+                $label = 'Possible. Ensure ' . (16 - $iPatient->number_of_days_with_remote_measurements) . ' more days with measurements before the end of the month.';
+            }
+            elseif($daysRemaining === 16 - $iPatient->number_of_days_with_remote_measurements) {
+                $icon = '<i class="ml-1 fa fa-exclamation-triangle text-danger"></i>';
+                $label = 'Possible. Ensure a measurement every day for the rest of the month.';
             }
         }
-        ?>
-        <div class="d-flex align-items-baseline flex-nowrap" title="{{$label}}">
+        else {
+            $icon = '<i class="ml-1 fas fa-ban text-secondary opacity-35"></i>';
+            $label = 'Not possible. Past month.';
+        }
+    }
+    ?>
+    <td title="{{$label}}">
+        <div class="d-flex align-items-baseline flex-nowrap">
             <?php $iPatient->number_of_days_with_remote_measurements = $iPatient->number_of_days_with_remote_measurements ?: 0; ?>
             <span>{{$iPatient->number_of_days_with_remote_measurements}}</span>
             {!! $icon !!}
@@ -506,36 +506,36 @@
 
     <!--Reimb.-->
     @if($viewingAs === 'ADMIN' || $viewingAs === 'MCP')
-        <td class="text-nowrap v-sep-before">
+        <td class="text-nowrap v-sep-before p-0 text-center">
             @if($iPatient->mcp_paid)
-                <i class="mr-1 fas fa-dollar-sign text-success opacity-60" title="Paid"></i>
+                <i class="px-3 py-2 fas fa-dollar-sign text-success opacity-60" title="Paid"></i>
             @else
                 @if($iPatient->is_billable_by_mcp)
                     @if($iPatient->is_billed_by_mcp)
-                        <i class="mr-1 fa fa-check text-info opacity-60" title="Billed"></i>
+                        <i class="px-3 py-2 fa fa-check text-info opacity-60" title="Billed"></i>
                     @else
-                        <i class="mr-1 fa fa-bolt text-primary" title="Billable"></i>
+                        <i class="px-3 py-2 fa fa-bolt text-primary" title="Billable"></i>
                     @endif
                 @else
-                    <i class="mr-1 fas fa-ban text-secondary" title="Not Billable"></i>
+                    <i class="px-3 py-2 fas fa-ban text-secondary" title="Not Billable"></i>
                 @endif
             @endif
         </td>
     @endif
     @if($viewingAs === 'ADMIN' || $viewingAs === 'RMM')
-        <td class="text-nowrap {{$viewingAs === 'RMM' ? 'v-sep-before' : ''}}">
+        <td class="text-nowrap p-0 text-center {{$viewingAs === 'RMM' ? 'v-sep-before' : ''}}">
             @if($iPatient->rmm_name)
                 @if($iPatient->rmm_paid)
-                    <i class="mr-1 fas fa-dollar-sign text-success opacity-60" title="Paid"></i>
+                    <i class="px-3 py-2 fas fa-dollar-sign text-success opacity-60" title="Paid"></i>
                 @else
                     @if($iPatient->is_billable_by_rmm)
                         @if($iPatient->is_billed_by_rmm)
-                            <i class="mr-1 fa fa-check text-info opacity-60" title="Billed"></i>
+                            <i class="px-3 py-2 fa fa-check text-info opacity-60" title="Billed"></i>
                         @else
-                            <i class="mr-1 fa fa-bolt text-primary" title="Billable"></i>
+                            <i class="px-3 py-2 fa fa-bolt text-primary" title="Billable"></i>
                         @endif
                     @else
-                        <i class="mr-1 fas fa-ban text-secondary" title="Not Billable"></i>
+                        <i class="px-3 py-2 fas fa-ban text-secondary" title="Not Billable"></i>
                     @endif
                 @endif
             @else
@@ -544,19 +544,19 @@
         </td>
     @endif
     @if($viewingAs === 'ADMIN' || $viewingAs === 'RME')
-        <td class="text-nowrap {{$viewingAs === 'RMM' ? 'v-sep-before' : ''}}">
+        <td class="text-nowrap p-0 text-center  {{$viewingAs === 'RMM' ? 'v-sep-before' : ''}}">
             @if($iPatient->rme_name)
                 @if($iPatient->rme_paid)
-                    <i class="mr-1 fas fa-dollar-sign text-success opacity-60" title="Paid"></i>
+                    <i class="px-3 py-2 fas fa-dollar-sign text-success opacity-60" title="Paid"></i>
                 @else
                     @if($iPatient->is_billable_by_rme)
                         @if($iPatient->is_billed_by_rme)
-                            <i class="mr-1 fa fa-check text-info opacity-60" title="Billed"></i>
+                            <i class="px-3 py-2 fa fa-check text-info opacity-60" title="Billed"></i>
                         @else
-                            <i class="mr-1 fa fa-bolt text-primary" title="Billable"></i>
+                            <i class="px-3 py-2 fa fa-bolt text-primary" title="Billable"></i>
                         @endif
                     @else
-                        <i class="mr-1 fas fa-ban text-secondary" title="Not Billable"></i>
+                        <i class="px-3 py-2 fas fa-ban text-secondary" title="Not Billable"></i>
                     @endif
                 @endif
             @else
@@ -567,48 +567,48 @@
 
     <!--Claim-->
     @if($viewingAs === 'ADMIN' && !(date('m') == $month && date('Y') == $year))
-        <td class="v-sep-before">
+        <td class="v-sep-before p-0 text-center">
             @if($iPatient->is_99454_claiming_waived)
-                <span title="{{$iPatient->why_claiming_99454_waived ?: ''}}">Waived</span>
+                <span class="px-1 py-2" title="{{$iPatient->why_claiming_99454_waived ?: ''}}">Waived</span>
             @else
                 @if($iPatient->is_99454_claimable)
                     @if($iPatient->is_99454_claimed)
-                        <i class="mr-1 fa fa-check text-success opacity-60" title="Claimed"></i>
+                        <i class="px-2 py-2 fa fa-check text-success opacity-60" title="Claimed"></i>
                     @else
-                        <i class="mr-1 fa fa-bolt text-primary" title="Claimable"></i>
+                        <i class="px-2 py-2 fa fa-bolt text-primary" title="Claimable"></i>
                     @endif
                 @else
-                    <i class="mr-1 fas fa-ban text-secondary" title="Not Claimable: {{$iPatient->why_99454_not_claimable_reason ?: ''}}"></i>
+                    <i class="px-2 py-2 fas fa-ban text-secondary" title="Not Claimable: {{$iPatient->why_99454_not_claimable_reason ?: ''}}"></i>
                 @endif
             @endif
         </td>
-        <td>
+        <td class=" p-0 text-center">
             @if($iPatient->is_99457_claiming_waived)
-                <span title="{{$iPatient->why_claiming_99457_waived ?: ''}}">Waived</span>
+                <span class="px-1 py-2" title="{{$iPatient->why_claiming_99457_waived ?: ''}}">Waived</span>
             @else
                 @if($iPatient->is_99457_claimable)
                     @if($iPatient->is_99457_claimed)
-                        <i class="mr-1 fa fa-check text-success opacity-60" title="Claimed"></i>
+                        <i class="px-2 py-2 fa fa-check text-success opacity-60" title="Claimed"></i>
                     @else
-                        <i class="mr-1 fa fa-bolt text-primary" title="Claimable"></i>
+                        <i class="px-2 py-2 fa fa-bolt text-primary" title="Claimable"></i>
                     @endif
                 @else
-                    <i class="mr-1 fas fa-ban text-secondary" title="Not Claimable: {{$iPatient->why_99457_not_claimable_reason ?: ''}}"></i>
+                    <i class="px-2 py-2 fas fa-ban text-secondary" title="Not Claimable: {{$iPatient->why_99457_not_claimable_reason ?: ''}}"></i>
                 @endif
             @endif
         </td>
-        <td>
+        <td class=" p-0 text-center">
             @if($iPatient->is_99458_claiming_waived)
-                <span title="{{$iPatient->why_claiming_99458_waived ?: ''}}">Waived</span>
+                <span class="px-1 py-2" title="{{$iPatient->why_claiming_99458_waived ?: ''}}">Waived</span>
             @else
                 @if($iPatient->is_99458_claimable)
                     @if($iPatient->is_99458_claimed)
-                        <i class="mr-1 fa fa-check text-success opacity-60" title="Claimed"></i>
+                        <i class="px-2 py-2 fa fa-check text-success opacity-60" title="Claimed"></i>
                     @else
-                        <i class="mr-1 fa fa-bolt text-primary" title="Claimable"></i>
+                        <i class="px-2 py-2 fa fa-bolt text-primary" title="Claimable"></i>
                     @endif
                 @else
-                    <i class="mr-1 fas fa-ban text-secondary" title="Not Claimable: {{$iPatient->why_99458_not_claimable_reason ?: ''}}"></i>
+                    <i class="px-2 py-2 fas fa-ban text-secondary" title="Not Claimable: {{$iPatient->why_99458_not_claimable_reason ?: ''}}"></i>
                 @endif
             @endif
         </td>