Nutrition wizard UI updates

public/css/style.css

@@ -1419,6 +1419,12 @@ span.select2-container.select2-container--default.select2-container--open {
 }
 .stag-popup .stag-popup-title>span {
     font-size: 17px;
+    display: inline-flex;
+    align-items: center;
+}
+.stag-popup .stag-popup-title>span>img {
+    max-height: 26px;
+    margin-right: 8px;
 }
 .fc .other-client {
     box-shadow: 1px 1px 2px deeppink !important;
@@ -2433,4 +2439,12 @@ td.row-selection-highlight:after {
 }
 [stag-collapsible-card][collapsed] .card-body {
     display: none;
+}
+
+/* lifestyle rx specific */
+.border-top-nutrition-rx {
+    border-top: 3px solid #a4d067;
+}
+.icon-nutrition-rx-row {
+    max-height: 18px;
 }

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

@@ -159,7 +159,8 @@
                             editParent.is('[data-segment-template-name="intake_nutrition"]')) {
                             openDynamicStagPopup('/nutrition-center/{{$note->client->uid}}/{{$note->uid}}',
                                 'nutrition-center-{{$note->id}}',
-                                "Nutrition Rx", false,
+                                '<img src="/img/nutrition-rx.png" class=""/> Nutrition Rx',
+                                false,
                                 "medium-large overflow-visible");
                             return false;
                         }

resources/views/app/patient/nutrition-center.blade.php

@@ -29,7 +29,7 @@ $points = [
 ];
 ?>
 
-<div class="mt-3 p-3 border-top" id="nutrition-center-{{$note->id}}">
+<div class="mt-3 p-3 border-top-nutrition-rx" id="nutrition-center-{{$note->id}}">
     <div class="point-table-container">
 
         <table class="table table-sm table-bordered mb-0 bg-white mb-2 point-table">
@@ -38,7 +38,18 @@ $points = [
                 <?php $point = $p['point']; ?>
                 <tr class="point-row" data-uid="{{$point ? $point->uid : ''}}">
                     <td>
-                        <b>{{$p['name']}}</b>
+                        <div class="d-flex align-items-center">
+                            <b class="mr-2">{{$p['name']}}</b>
+                            @if($p['category'] === 'HIGH_SUGAR_BEVERAGES')
+                                <img src="/img/nutrition-rx/hsb.png" class="icon-nutrition-rx-row" alt="">
+                            @elseif($p['category'] === 'WATER_INTAKE')
+                                <img src="/img/nutrition-rx/wi.png" class="icon-nutrition-rx-row" alt="">
+                            @elseif($p['category'] === 'VEGETABLES')
+                                <img src="/img/nutrition-rx/vc.png" class="icon-nutrition-rx-row" alt="">
+                            @elseif($p['category'] === 'DAILY_INTAKE_CARBOHYDRATES' || $p['category'] === 'DAILY_INTAKE_CALORIES')
+                                <img src="/img/nutrition-rx/ig.png" class="icon-nutrition-rx-row" alt="">
+                            @endif
+                        </div>
                     </td>
                     <td class="w-40">
                         <div class="d-flex align-items-start">