Patient header - "Special Instructions" on hover in header

public/css/style.css

@@ -622,10 +622,11 @@ body .break-spaces {
 }
 .stag-tooltip .stag-tooltip-content {
     display: none;
+    min-width: 200px;
 }
 .stag-tooltip:hover .stag-tooltip-content {
     display: block;
-    right: 0;
+    right: -10px;
     top: 100%;
     z-index: 1;
 }

resources/views/layouts/patient.blade.php

@@ -457,6 +457,15 @@
                                         echo implode(", ", $addressParts);
                                         ?>
                                         {{ $patient->mailing_address_zip ? $patient->mailing_address_zip : '' }}
+                                        @if($patient->mailing_address_memo)
+                                            <span class="position-relative c-pointer text-center stag-tooltip ml-2">
+                                                <i class="fa fa-info-circle"></i>
+                                                <div class="position-absolute bg-white border rounded p-2 stag-tooltip-content">
+                                                    <div class="text-left font-weight-bold pb-1">Special Instructions</div>
+                                                    <div class="text-left font-weight-normal">{{$patient->mailing_address_memo}}</div>
+                                                </div>
+                                            </span>
+                                        @endif
                                     </li>
                                     <li>
                                         <span class="aligned-icon"><i class="fa fa-phone-alt" aria-hidden="true"></i></span>