Update styling of individual infoline pages

resources/views/app/patient/care-team.blade.php

@@ -5,24 +5,27 @@
 
 @section('inner-content')
     <div class="">
-        <div class="d-flex align-items-center" moe>
-            <h4 class="mr-3 mb-3 font-weight-normal">Care Team</h4>
-            <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
-            <form url="/api/clientInfoLine/create">
-                <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
-                <input type="hidden" name="category" value="care_team">
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="contentText" value="" placeholder="Name"></div>
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Specialty" value="" placeholder="Specialty"></div>
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Organization" value="" placeholder="Organization"></div>
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Phone" value="" placeholder="Phone"></div>
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Fax" value="" placeholder="Fax"></div>
-                <div class="mb-2"><input type="date" class="form-control form-control-sm" name="Next Appointment" value="" placeholder="Next Appointment"></div>
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Memo" value="" placeholder="Memo"></div>
-                <div class="d-flex align-items-center">
-                    <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
-                    <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
-                </div>
-            </form>
+        <div class="d-flex align-items-center pb-2">
+            <h4 class="font-weight-bold m-0">Care Team</h4>
+            <span class="mx-2 text-secondary">|</span>
+            <div moe>
+                <a start show class="">Add</a>
+                <form url="/api/clientInfoLine/create">
+                    <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
+                    <input type="hidden" name="category" value="care_team">
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="contentText" value="" placeholder="Name"></div>
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Specialty" value="" placeholder="Specialty"></div>
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Organization" value="" placeholder="Organization"></div>
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Phone" value="" placeholder="Phone"></div>
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Fax" value="" placeholder="Fax"></div>
+                    <div class="mb-2"><input type="date" class="form-control form-control-sm" name="Next Appointment" value="" placeholder="Next Appointment"></div>
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Memo" value="" placeholder="Memo"></div>
+                    <div class="d-flex align-items-center">
+                        <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
+                        <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                    </div>
+                </form>
+            </div>
         </div>
         <table class="table table-striped table-sm table-bordered">
             <thead>
@@ -35,6 +38,8 @@
                 <th class="px-2 text-secondary">Fax</th>
                 <th class="px-2 text-secondary">Next Appointment</th>
                 <th class="px-2 text-secondary">Memo</th>
+                <th class="px-2 text-secondary">Created By</th>
+                <th class="px-2 text-secondary">Created At</th>
                 <th class="px-2 text-secondary delete-column">&nbsp;</th>
             </tr>
             </thead>
@@ -51,9 +56,11 @@
                             <td class="px-2">{{ $line->contentDetail->{"Fax"} }}</td>
                             <td class="px-2">{{ $line->contentDetail->{"Next Appointment"} }}</td>
                             <td class="px-2">{{ $line->contentDetail->{"Memo"} }}</td>
+                            <td class="px-2">-</td>
+                            <td class="px-2">-</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>

resources/views/app/patient/dx-and-focus-areas.blade.php

@@ -5,29 +5,32 @@
 
 @section('inner-content')
     <div class="">
-        <div class="d-flex align-items-center" moe>
-            <h4 class="mr-3 mb-3 font-weight-normal">Dx and Focus Areas</h4>
-            <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
-            <form url="/api/clientInfoLine/create">
-                <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
-                <input type="hidden" name="category" value="dx">
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="contentText" value="" placeholder="Title"></div>
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="ICD" value="" placeholder="ICD"></div>
-                <div class="mb-2">
-                    <select name="Chronic or Acute" class="form-control form-control-sm pl-1">
-                        <option>Chronic or Acute (select one)</option>
-                        <option value="Chronic">Chronic</option>
-                        <option value="Acute">Acute</option>
-                    </select>
-                </div>
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Prognosis" value="" placeholder="Prognosis"></div>
-                <div class="mb-2"><textarea type="text" class="form-control form-control-sm" name="Treatment Goal" value="" placeholder="Treatment Goal"></textarea></div>
-                <div class="mb-2"><textarea type="text" class="form-control form-control-sm" name="Treatment Plan" value="" placeholder="Treatment Plan"></textarea></div>
-                <div class="d-flex align-items-center">
-                    <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
-                    <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
-                </div>
-            </form>
+        <div class="d-flex align-items-center pb-2">
+            <h4 class="font-weight-bold m-0">Dx and Focus Areas</h4>
+            <span class="mx-2 text-secondary">|</span>
+            <div moe>
+                <a start show class="">Add</a>
+                <form url="/api/clientInfoLine/create">
+                    <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
+                    <input type="hidden" name="category" value="dx">
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="contentText" value="" placeholder="Title"></div>
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="ICD" value="" placeholder="ICD"></div>
+                    <div class="mb-2">
+                        <select name="Chronic or Acute" class="form-control form-control-sm pl-1">
+                            <option>Chronic or Acute (select one)</option>
+                            <option value="Chronic">Chronic</option>
+                            <option value="Acute">Acute</option>
+                        </select>
+                    </div>
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="Prognosis" value="" placeholder="Prognosis"></div>
+                    <div class="mb-2"><textarea type="text" class="form-control form-control-sm" name="Treatment Goal" value="" placeholder="Treatment Goal"></textarea></div>
+                    <div class="mb-2"><textarea type="text" class="form-control form-control-sm" name="Treatment Plan" value="" placeholder="Treatment Plan"></textarea></div>
+                    <div class="d-flex align-items-center">
+                        <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
+                        <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                    </div>
+                </form>
+            </div>
         </div>
         <table class="table table-striped table-sm table-bordered">
             <thead>
@@ -39,6 +42,8 @@
                 <th class="px-2 text-secondary">Prognosis</th>
                 <th class="px-2 text-secondary">Treatment Goal</th>
                 <th class="px-2 text-secondary">Treatment Plan</th>
+                <th class="px-2 text-secondary">Created By</th>
+                <th class="px-2 text-secondary">Created At</th>
                 <th class="px-2 text-secondary delete-column">&nbsp;</th>
             </tr>
             </thead>
@@ -54,9 +59,11 @@
                             <td class="px-2">{{ $line->contentDetail->{"Prognosis"} }}</td>
                             <td class="px-2">{{ $line->contentDetail->{"Treatment Goal"} }}</td>
                             <td class="px-2">{{ $line->contentDetail->{"Treatment Plan"} }}</td>
+                            <td class="px-2">-</td>
+                            <td class="px-2">-</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>

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

@@ -5,26 +5,29 @@
 
 @section('inner-content')
     <div class="">
-        <div class="d-flex align-items-center" moe>
-            <h4 class="mr-3 mb-3 font-weight-normal">Medications</h4>
-            <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
-            <form url="/api/clientInfoLine/create">
-                <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
-                <input type="hidden" name="category" value="rx">
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="contentText" value="" placeholder="Medication"></div>
-                {{--<div class="mb-2"><input type="text" name="customField" value="" placeholder="Custom Field"></div>--}}
-                <div class="d-flex align-items-center">
-                    <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
-                    <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
-                </div>
-            </form>
+        <div class="d-flex align-items-center pb-2">
+            <h4 class="font-weight-bold m-0">Medications</h4>
+            <span class="mx-2 text-secondary">|</span>
+            <div moe>
+                <a start show class="">Add</a>
+                <form url="/api/clientInfoLine/create">
+                    <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
+                    <input type="hidden" name="category" value="rx">
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="contentText" value="" placeholder="Medication"></div>
+                    {{--<div class="mb-2"><input type="text" name="customField" value="" placeholder="Custom Field"></div>--}}
+                    <div class="d-flex align-items-center">
+                        <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
+                        <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                    </div>
+                </form>
+            </div>
         </div>
         <table class="table table-striped table-sm table-bordered">
             <thead>
             <tr>
-                {{--<th class="px-2 text-secondary">Category</th>--}}
                 <th class="px-2 text-secondary">Medication</th>
-                {{--<th class="px-2 text-secondary">Content Detail</th>--}}
+                <th class="px-2 text-secondary">Created By</th>
+                <th class="px-2 text-secondary">Created At</th>
                 <th class="px-2 text-secondary delete-column">&nbsp;</th>
             </tr>
             </thead>
@@ -35,10 +38,11 @@
                         <tr>
                             {{--<td class="px-2">{{$category}}</td>--}}
                             <td class="px-2">{{$line->contentText}}</td>
-                            {{--<td class="px-2"><pre><?php print_r($line->contentDetail) ?></pre></td>--}}
+                            <td class="px-2">-</td>
+                            <td class="px-2">-</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>