Fix patient header button widths

public/css/z.css

@@ -1,10 +1,11 @@
 .z {
     font-size: 0.81em;
-} .z button {
+} .z button:not(.btn) {
     background: #efefef;
     border: 1px solid #767676;
     font-size: 0.9em;
-    width: 64px;
+    min-width: 92px;
+    white-space: nowrap;
 } .z form input {
     display: block;
     margin-bottom: 3px;
@@ -62,4 +63,4 @@
     width: var(--size);
 } .z .thumbnail.online {
     --shadow-color: #50a746;
-}
+}

resources/views/layouts/patient.blade.php

@@ -160,12 +160,12 @@
                                     <div><label>Next Appt:</label> {{$patient->mcp_onboarding_visit_date}}</div>
                                 </section>
                                 <section class=vbox>
-                                    <div moe relative class="mcp-theme-1">
+                                    <div moe relative>
                                         <a start show>
                                             <!-- <i class="fa fa-plus-circle"></i> -->
                                             <button>+ Note</button>
                                         </a>
-                                        <form url="/api/note/createUsingFreeTextHtml" right>
+                                        <form url="/api/note/createUsingFreeTextHtml" right class="mcp-theme-1">
                                             <input type="hidden" name="clientUid" value="{{$patient->uid}}">
                                             <div class="mb-2">
                                                 <select name="hcpProUid" class="form-control form-control-sm">
@@ -201,18 +201,18 @@
                                             </div>
                                             <div>
                                                 <button submit class="btn btn-sm btn-primary mr-1">Submit</button>
-                                                <button cancel class="btn btn-sm btn-default">Cancel</button>
+                                                <button cancel class="btn btn-sm btn-default border">Cancel</button>
                                             </div>
                                         </form>
                                     </div>
                                     <button>Pt. Ed.</button>
                                     <button>Video</button>
-                                    <div moe relative class="mcp-theme-1">
+                                    <div moe relative>
                                         <a start show>
                                             <!-- <i class="fa fa-plus-circle"></i> -->
-                                            <button>+ Next Appointment</button>
+                                            <button>+ Appointment</button>
                                         </a>
-                                        <form url="/api/client/setNextAppointment" right>
+                                        <form url="/api/client/setNextAppointment" right class="mcp-theme-1">
                                             <input type="hidden" name="uid" value="{{$patient->uid}}">
 
                                             <div class="mb-2">
@@ -233,7 +233,7 @@
                                             </div>
                                             <div>
                                                 <button submit class="btn btn-sm btn-primary mr-1">Submit</button>
-                                                <button cancel class="btn btn-sm btn-default">Cancel</button>
+                                                <button cancel class="btn btn-sm btn-default border">Cancel</button>
                                             </div>
                                         </form>
                                     </div>