MCP dashboard appt notifications UI cleanup

resources/views/app/mcp/dashboard/notifications.blade.php

@@ -13,16 +13,20 @@
 @if(count($apptsPending['status']))
     <b class="text-secondary my-2 d-block">Appointment Status Changes</b>
     @foreach($apptsPending['status'] as $appt)
-        <div class="d-flex mb-1">
-            <div>
-                <a href="/patients/view/{{$appt->client->uid}}"><b>{{$appt->client->displayName()}}</b></a>
-                <span class="ml-2">{{friendlier_date_time($appt->start_time)}}</span>
-                <span class="ml-2">{{$appt->status}}</span>
-                @if($appt->status_memo)
-                    <div class="text-secondary text-sm">{{$appt->status_memo}} This is a status memo</div>
-                @endif
+        <div class="d-flex mb-1 border-bottom border-light">
+            <div class="flex-grow-1 d-inline-flex align-items-baseline">
+                <div>
+                    <a class="d-block" href="/patients/view/{{$appt->client->uid}}"><b>{{$appt->client->displayName()}}</b></a>
+                    <span class="d-block text-sm">{{friendlier_date_time($appt->start_time)}}</span>
+                </div>
+                <div class="ml-auto mr-3 text-right">
+                    <span class="font-weight-bold text-secondary">{{$appt->status}}</span>
+                    @if($appt->status_memo)
+                        <div class="text-secondary text-sm">{{$appt->status_memo}} This is a status memo</div>
+                    @endif
+                </div>
             </div>
-            <div moe relative class="ml-auto">
+            <div moe relative class="">
                 <form show url="/api/appointment/acknowledgeStatusAsAppointmentPro">
                     <input type="hidden" name="uid" value="{{$appt->uid}}">
                     <input type="hidden" name="currentStatus" value="{{$appt->status}}">
@@ -33,7 +37,7 @@
                     <input type="hidden" name="currentRawStartTime" value="{{$appt->raw_start_time}}">
                     <input type="hidden" name="currentRawEndTime" value="{{$appt->raw_end_time}}">
                     <input type="hidden" name="currentTimezone" value="{{$appt->timezone}}">
-                    <button submit class="bg-transparent border-0 p-0 text-primary">Acknowledge</button>
+                    <button submit class="bg-transparent border-0 p-0 text-primary">Ack.</button>
                 </form>
             </div>
         </div>
@@ -42,14 +46,18 @@
 @if(count($apptsPending['decision']))
     <b class="text-secondary my-2 d-block">Appointment Confirmation Changes</b>
     @foreach($apptsPending['decision'] as $appt)
-        <div class="d-flex mb-1">
-            <a href="/patients/view/{{$appt->client->uid}}"><b>{{$appt->client->displayName()}}</b></a>
-            <span class="ml-2">{{friendlier_date_time($appt->start_time)}}</span>
-            <span class="ml-2">{{$appt->latestConfirmationDecision->decision_enum}}</span>
-            <div moe relative class="ml-auto">
+        <div class="d-flex mb-1 border-bottom border-light">
+            <div class="flex-grow-1 d-inline-flex align-items-baseline">
+                <div>
+                    <a class="d-block" href="/patients/view/{{$appt->client->uid}}"><b>{{$appt->client->displayName()}}</b></a>
+                    <span class="d-block text-sm">{{friendlier_date_time($appt->start_time)}}</span>
+                </div>
+                <span class="ml-auto mr-3 font-weight-bold text-secondary">{{$appt->latestConfirmationDecision->decision_enum}}</span>
+            </div>
+            <div moe relative class="">
                 <form show url="/api/appointment/acknowledgeDecisionAsAppointmentPro">
                     <input type="hidden" name="uid" value="{{$appt->uid}}">
-                    <button submit class="bg-transparent border-0 p-0 text-primary">Acknowledge</button>
+                    <button submit class="bg-transparent border-0 p-0 text-primary">Ack.</button>
                 </form>
             </div>
         </div>