Memo - always visible create-form

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

@@ -1,31 +1,29 @@
 @extends ('layouts.patient')
 @section('inner-content')
     <div class="">
-        <div class="d-flex align-items-center pb-2">
+        <div class="d-flex align-items-start pb-2">
             <h4 class="font-weight-bold m-0">Client Memos</h4>
-            <span class="mx-2 text-secondary">|</span>
-            <div moe wide>
-                <a start show class="">Add</a>
-                <form url="/api/clientMemo/create">
-                    <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
-                    <div class="mb-2">
-                        <select class="form-control form-control-sm" name="category" required>
-                            <option value="">-- select --</option>
-                            <option value="Incoming Call">Incoming Call</option>
-                            <option value="Outgoing Call">Outgoing Call</option>
-                            <option value="Call Unspecified">Call Unspecified</option>
-                            <option value="Other">Other</option>
-                        </select>
-                    </div>
-                    <div class="mb-2">
-                        <textarea class="form-control form-control-sm" rows="10" name="content" placeholder="Content"></textarea>
-                    </div>
-                    <div class="d-flex align-items-center">
-                        <button class="btn btn-sm btn-primary mr-2" type="button" submit>Save</button>
-                        <button class="btn btn-sm btn-default mr-2 border" type="button" cancel>Cancel</button>
-                    </div>
-                </form>
-            </div>
+        </div>
+        <div moe class="w-50 p-2 border mb-3">
+            <form url="/api/clientMemo/create" show>
+                <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
+                <label class="text-secondary font-weight-bold">+ New Memo</label>
+                <div class="mb-2">
+                    <select class="form-control form-control-sm" name="category" required>
+                        <option value="">-- select --</option>
+                        <option value="Incoming Call">Incoming Call</option>
+                        <option value="Outgoing Call">Outgoing Call</option>
+                        <option value="Call Unspecified">Call Unspecified</option>
+                        <option value="Other">Other</option>
+                    </select>
+                </div>
+                <div class="mb-2">
+                    <textarea class="form-control form-control-sm" rows="5" name="content" placeholder="Content"></textarea>
+                </div>
+                <div class="d-flex align-items-center">
+                    <button class="btn btn-sm btn-primary mr-2" type="button" submit>Save</button>
+                </div>
+            </form>
         </div>
         <table class="table table-striped table-sm table-bordered mb-0">
             @if($patient->memos && count($patient->memos))
@@ -60,7 +58,7 @@
                                         </select>
                                     </div>
                                     <div class="mb-2">
-                                        <textarea class="form-control form-control-sm" name="content" rows="10"
+                                        <textarea class="form-control form-control-sm" name="content" rows="5"
                                                   placeholder="Content"><?= $memo->content ?></textarea>
                                     </div>
                                     <div class="d-flex align-items-center">