Added camera and online icons to patient.

public/css/z.css

@@ -13,14 +13,31 @@
     margin: 0;
 }
 
+.z .hbox {
+    align-items: center;
+    display: flex;
+} .z .hbox > *:not(:first-child) {
+    margin-left: 7px;
+}
+
 .z [data-title]:before {
     content: attr(data-title) ': ';
     font-weight: 500;
 }
 
-.z .hbox {
-    align-items: center;
-    display: flex;
-} .z .hbox > *:not(:first-child) {
+.z .camera {
+    font-size: 16px;
+    opacity: 0.25;
+} .z .camera.yes {
+    opacity: 1;
+}
+
+.z .header > *:not(:first-child) {
     margin-left: 20px;
+}
+
+.z .online-status {
+    color: #aaa;
+} .z .online-status.online {
+    color: #28a745;
 }

resources/views/layouts/patient.blade.php

@@ -373,11 +373,12 @@
                     @endif
                     <div class=hbox>
                         <section>
-                            <div>
-                                <h4>{{$patient->name_last}}, {{$patient->name_first}}</h4>
-                                <i>#{{$patient->chart_number}}</i>
+                            <div class=hbox>
+                                <i class="online-status online fa fa-circle" title=Online></i>
+                                <i class="camera yes fa fa-camera" title="Camera available"></i>
                             </div>
-                            <div>Born <b>{{$patient->dob}}</b>, <b>{{$patient->age_in_years}}</b> y.o {{$patient->sex}}</div>
+                            <h4>{{$patient->name_last}}, {{$patient->name_first}}</h4>
+                            <div>Born <b>{{$patient->dob}}</b>, <b>{{$patient->age_in_years}}</b> y.o {{$patient->sex}} [<i>#{{$patient->chart_number}}</i>]</div>
                         </section>
                         @if($patient->mcp)
                         <section>