Coverage rendered UI polish

resources/views/app/patient/coverage_column_renderer.blade.php

@@ -1,9 +1,9 @@
-<div class="d-flex align-items-center">
-    <?php 
-        $coverage = $patient->getPrimaryCoverage();
-        $coverageStatus = $patient->getPrimaryCoverageStatus();
+<div class="d-flex align-items-baseline">
+    <?php
+    $coverage = $patient->getPrimaryCoverage();
+    $coverageStatus = $patient->getPrimaryCoverageStatus();
     ?>
-    
+
     @if($coverageStatus === 'YES')
         <i class="fa fa-check-circle text-success"></i>
     @elseif($coverageStatus === 'NO')
@@ -20,31 +20,38 @@
         @elseif($coverage && $coverage->plan_type == 'COMMERCIAL' && !$coverage->auto_commercial_is_match_found)
             <i class="fa fa-times text-danger"></i>
         @else
-        <i class="fa fa-exclamation-triangle text-warning-mellow"></i>
+            <i class="fa fa-exclamation-triangle text-warning-mellow"></i>
         @endif
     @endif
-    
-    @if($coverage)
-        @if($coverage->plan_type === 'MEDICAID' && $coverage->mcdPayer)
-            <span class="ml-2 {{ @$truncateName ? 'coverage-payer-name':'' }}" title="{{$coverage->mcdPayer->name}}">{{$coverage->mcdPayer->name}}</span>
-        @elseif($coverage->plan_type === 'COMMERCIAL' && $coverage->payer)
-            <span class="ml-2 {{ @$truncateName ? 'coverage-payer-name':'' }}" title="{{$coverage->payer->name}}">{{$coverage->payer->name}}</span>
+
+    <div class="ml-2">
+        @if($coverage)
+            @if($coverage->plan_type === 'MEDICAID' && $coverage->mcdPayer)
+                <span class="{{ @$truncateName ? 'coverage-payer-name':'' }}"
+                      title="{{$coverage->mcdPayer->name}}">{{$coverage->mcdPayer->name}}</span>
+            @elseif($coverage->plan_type === 'COMMERCIAL' && $coverage->payer)
+                <span class="{{ @$truncateName ? 'coverage-payer-name':'' }}"
+                      title="{{$coverage->payer->name}}">{{$coverage->payer->name}}</span>
+            @else
+                <span class="{{ @$truncateName ? 'coverage-payer-name':'' }}"
+                      title="{{$coverage->insuranceDisplayName()}}">{{$coverage->insuranceDisplayName()}}</span>
+            @endif
         @else
-            <span class="ml-2 {{ @$truncateName ? 'coverage-payer-name':'' }}" title="{{$coverage->insuranceDisplayName()}}">{{$coverage->insuranceDisplayName()}}</span>
+            <small class="ml-2 text-muted">(No insurance)</small>
         @endif
-    @else
-        <small class="ml-2 text-muted">(No insurance)</small>
-    @endif
-</div>
-@if($coverage)
-    @if($coverage && $coverage->plan_type === 'MEDICARE')
-        @if(@$patient->mpb_remaining !== null)
-            <small class="text-muted d-block ml-3">Deductible: {{format_number(@$patient->mpb_remaining)}} </small>
-        @endif
-    @endif
-    @if($coverage->plan_type === 'COMMERCIAL')
-        @if(@$coverage->deductible_amount !== null)
-            <small class="text-muted d-block ml-3">Deductible: {{format_number(@$coverage->deductible_amount)}} </small>
-        @endif
-    @endif
-@endif
+        <div class="">
+            @if($coverage)
+                @if($coverage && $coverage->plan_type === 'MEDICARE')
+                    @if(@$patient->mpb_remaining !== null)
+                        <span class="text-muted d-block text-sm">Deductible: {{format_number(@$patient->mpb_remaining)}}</span>
+                    @endif
+                @endif
+                @if($coverage->plan_type === 'COMMERCIAL')
+                    @if(@$coverage->deductible_amount !== null)
+                        <span class="text-muted d-block text-sm">Deductible: {{format_number(@$coverage->deductible_amount)}}</span>
+                    @endif
+                @endif
+            @endif
+        </div>
+    </div>
+</div>