Show contact details in patient header

public/css/style.css

@@ -609,3 +609,8 @@ input.search_field, textarea.search_field {
 .note-summary p {
     margin-bottom: 0.25rem;
 }
+.aligned-icon {
+    display: inline-block;
+    width: 18px;
+    text-align: center;
+}

resources/views/layouts/patient.blade.php

@@ -224,51 +224,6 @@
                                             @endif
                                         </div>
                                     </div>
-                                    {{--<ul class=hbox>
-                                        <li><i class="fa fa-phone-alt" aria-hidden="true"></i> {{$confirmedCell}}</li>
-                                        <li><i class="fa fa-envelope" aria-hidden="true"></i> {{$confirmedEmail}}</li>
-                                        <li><i class="fa fa-map-marker-alt" aria-hidden="true"></i> {{$location}}</li>
-                                        <li>
-                                            <div moe>
-                                                <a start show><i class="fa fa-edit"></i></a>
-                                                <form url="/api/client/putContactInfo" class="mcp-theme-1">
-                                                    <input type="hidden" name="uid" value="{{$patient->uid}}">
-                                                    <div class="mb-2">
-                                                        <input type="tel"
-                                                               class="form-control form-control-sm"
-                                                               name="cellNumber"
-                                                               placeholder="Phone Number"
-                                                               value="{{ $patient->cell_number }}">
-                                                    </div>
-                                                    <div class="mb-2">
-                                                        <input type="text"
-                                                               class="form-control form-control-sm"
-                                                               name="email"
-                                                               placeholder="Email"
-                                                               value="{{ $patient->email_address }}">
-                                                    </div>
-                                                    <div class="mb-2">
-                                                        <input type="text"
-                                                               class="form-control form-control-sm"
-                                                               name="city"
-                                                               placeholder="City"
-                                                               value="{{ $patient->home_address_city }}">
-                                                    </div>
-                                                    <div class="mb-2">
-                                                        <input type="text"
-                                                               class="form-control form-control-sm"
-                                                               name="state"
-                                                               placeholder="State"
-                                                               value="{{ $patient->home_address_state }}">
-                                                    </div>
-                                                    <div>
-                                                        <button submit class="btn btn-sm btn-primary mr-1">Submit</button>
-                                                        <button cancel class="btn btn-sm btn-default border">Cancel</button>
-                                                    </div>
-                                                </form>
-                                            </div>
-                                        </li>
-                                    </ul>--}}
                                     <div class=separators>
                                         <div>Joined <?=$memberSince?></div>
                                         <div><label>PCP:</label> {{$mcpName}}</div>
@@ -456,6 +411,20 @@
                                         </span>
                                     </div>
                                 </section>
+                                <ul class="vbox ml-auto align-self-start">
+                                    <li>
+                                        <span class="aligned-icon"><i class="fa fa-map-marker-alt" aria-hidden="true"></i></span>
+                                        {{$location}}
+                                    </li>
+                                    <li>
+                                        <span class="aligned-icon"><i class="fa fa-phone-alt" aria-hidden="true"></i></span>
+                                        {{$confirmedCell}}
+                                    </li>
+                                    <li>
+                                        <span class="aligned-icon"><i class="fa fa-envelope" aria-hidden="true"></i></span>
+                                        {{$confirmedEmail}}
+                                    </li>
+                                </ul>
                             </div>
                         </div></div> <!-- z -->
                     </div>