Eligible refresh UI update

public/css/style.css

@@ -1435,3 +1435,6 @@ button.note-templates-trigger-assessment {
     overflow: unset;
     text-overflow: unset;
 }*/
+.collapsible-tbody.collapsed {
+    display: none;
+}

resources/views/app/patient/eligible-refreshes.blade.php

@@ -49,7 +49,7 @@
                 <a href="" start show class="btn btn-sm btn-primary text-white font-weight-bold small">Refresh Eligible Data</a>
                 <form url="/api/client/refreshEligible" class="mcp-theme-1">
                     <input type="hidden" name="uid" value="{{$patient->uid}}">
-                    <p>Refresh eligible data?</p>
+                    <p class="text-nowrap">Refresh eligible data?</p>
                     <div>
                         <button submit class="btn btn-sm btn-primary mr-2">Yes</button>
                         <button cancel class="btn btn-sm btn-default border">Cancel</button>
@@ -59,10 +59,10 @@
         </div>
     </div>
 
-    <table class="table table-sm table-bordered my-3">
+    <table class="table table-sm table-bordered mt-3 mb-0">
         <thead>
         <tr>
-            <th class="border-bottom-0">Timestamp</th>
+            <th class="border-bottom-0 w-25">Timestamp</th>
             <th class="border-bottom-0">Result</th>
         </tr>
         </thead>
@@ -71,11 +71,22 @@
             <tr>
                 <td class="text-nowrap">{{friendly_date_time($el->ts)}}</td>
                 <td>
-                    <table class="table table-sm table-striped table-condensed eligible-table">
+                    <table class="table table-sm table-striped table-condensed eligible-table m-0">
+                        <tbody>
                         <tr>
-                            <td>Was Successful</td>
-                            <td>{{$el->medicareResult->was_successful}}</td>
+                            <td class="w-25">Was Successful</td>
+                            <td>
+                                <div class="d-flex align-items-center">
+                                    <span>{{$el->medicareResult->was_successful}}</span>
+                                    <a href="#" class="ml-auto"
+                                       onclick="$(this).closest('table').find('.collapsible-tbody').toggleClass('collapsed'); return">
+                                        <i class="fa fa-sort"></i>
+                                    </a>
+                                </div>
+                            </td>
                         </tr>
+                        </tbody>
+                        <tbody class="collapsible-tbody">
                         <tr>
                             <td>Reject Reason Code</td>
                             <td>{{$el->medicareResult->reject_reason_code}}</td>
@@ -159,6 +170,7 @@
                             <td>Medicare Advantage Plan</td>
                             <td>{{$el->medicareResult->medicare_advantage_plan}}</td>
                         </tr>
+                        </tbody>
                     </table>
                 </td>
             </tr>