ERx UI updates

public/css/style.css

@@ -2384,7 +2384,20 @@ table .stag-filter-highlight {
 .popover-body {
     font-size: 13px;
 }
-
+td.row-selection-highlight {
+    position: relative;
+}
+td.row-selection-highlight:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -4px;
+    width: 4px;
+    height: 100%;
+    background-color: #0d59af;
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+}
 /* stag-collapsible-card */
 [stag-collapsible-card] .stag-collapse-trigger {
     padding: 0;

resources/views/app/patient/note/dashboard.blade.php

@@ -467,7 +467,7 @@
                 @endif
                 <div class="note-rhs-content">
                 <div>
-                <div class="">
+                <div class="border-bottom pb-3">
                     <div>
                         <?php
                         $shortCutsObject = [];
@@ -555,13 +555,13 @@
                 <span class="d-none latest-section-ts">{{ $latestSectionTS }}</span>
 
 
-                  @if($isVisitTemplateBased && $doesVisitTemplateUiConfigExist)
+                @if($isVisitTemplateBased && $doesVisitTemplateUiConfigExist)
 
-                  @else
-                  <div class="p-2 border-bottom screen-only mt-3" data-non-segment-section="Prescriptions">
+                @else
+                <div class="p-3 border-bottom screen-only" data-non-segment-section="Prescriptions">
                     @include('app.patient.prescriptions.list', compact('patient', 'note'))
-                  </div>
-                  @endif
+                </div>
+                @endif
 
                 <div class="p-3 border-bottom screen-only" data-non-segment-section="CM Setup">
                     <div class="d-flex align-items-center mb-3">

resources/views/app/patient/prescriptions/list.blade.php

@@ -1,6 +1,6 @@
 <div id="prescriptions-{{$patient->id}}" v-cloak>
-    <div class="d-flex align-items-center py-2">
-        <h6 class="my-0 font-weight-bold font-size-16">ERx &amp; Orders</h6>
+    <div class="d-flex align-items-center mb-3">
+        <div class="font-weight-bold text-secondary font-size-14 m-0">ERx &amp; Orders</div>
         @if(!request()->input('erx_category') || request()->input('erx_category') === 'DRUG')
             <span class="mx-2 text-secondary on-hover-opaque">|</span>
             <a href="#" v-on:click.prevent="newERx('DRUG')">+ Drug</a>
@@ -33,7 +33,7 @@
                 </thead>
                 <tbody>
                 <tr v-for="(prescription, index) in prescriptions" :class="currentPrescription && currentPrescription.id === prescription.id ? 'bg-aliceblue' : ''">
-                    <td class="width-150px">
+                    <td class="width-150px" :class="currentPrescription && currentPrescription.id === prescription.id ? 'row-selection-highlight' : ''">
                         <a href="#" v-on:click.prevent="currentPrescription=prescription; setAddMode('')"
                            class="text-nowrap"
                            :class="currentPrescription && currentPrescription.id === prescription.id ? 'font-weight-bold' : ''">
@@ -96,7 +96,7 @@
                 </tbody>
             </table>
         </div>
-        <div v-if="currentPrescription" class="ml-2 border align-self-stretch p-3 flex-grow-1 min-width-50">
+        <div v-if="currentPrescription" class="border-top border-right border-bottom align-self-stretch p-3 flex-grow-1 min-width-50">
             <div class="d-flex align-items-center">
                 <h3 class="font-size-16 m-0">
                     <b class="mr-1 font-size-16">@{{ currentPrescription.erx_category }}: @{{ currentPrescription.created_at_friendly_short }}</b>