|
|
@@ -11,14 +11,15 @@
|
|
|
|
|
|
<div class="p-0 mcp-theme-1" id="fdb-pg">
|
|
|
<div class="px-3 py-2 bg-light border-bottom d-flex align-items-center font-weight-bold font-size-14">FDB Playground</div>
|
|
|
- <div class="p-3">
|
|
|
- <div class="row">
|
|
|
+ <div class="p-3 bg-light">
|
|
|
+ <div class="row mb-3">
|
|
|
<div class="col-6">
|
|
|
- <div class="d-flex align-items-baseline mb-2">
|
|
|
- <span class="font-size-14 font-weight-bold">Allergies</span>
|
|
|
- <a href="#" v-on:click.prevent="addAllergy()" class="ml-3">+ Add</a>
|
|
|
- </div>
|
|
|
- <table class="table table-sm table-striped table-bordered m-0">
|
|
|
+ <div class="bg-white p-3 border">
|
|
|
+ <div class="d-flex align-items-baseline mb-2">
|
|
|
+ <span class="font-size-14 font-weight-bold">Allergies</span>
|
|
|
+ <a href="#" v-on:click.prevent="addAllergy()" class="ml-3">+ Add</a>
|
|
|
+ </div>
|
|
|
+ <table class="table table-sm table-striped table-bordered m-0">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th class="border-bottom-0 text-secondary">Allergy</th>
|
|
|
@@ -37,13 +38,15 @@
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
- </div>
|
|
|
- <div class="col-6">
|
|
|
- <div class="d-flex align-items-baseline mb-2">
|
|
|
- <span class="font-size-14 font-weight-bold">Current Problems</span>
|
|
|
- <a href="#" v-on:click.prevent="addDx()" class="ml-3">+ Add</a>
|
|
|
</div>
|
|
|
- <table class="table table-sm table-striped table-bordered m-0">
|
|
|
+ </div>
|
|
|
+ <div class="col-6 pl-0">
|
|
|
+ <div class="bg-white p-3 border">
|
|
|
+ <div class="d-flex align-items-baseline mb-2">
|
|
|
+ <span class="font-size-14 font-weight-bold">Current Problems</span>
|
|
|
+ <a href="#" v-on:click.prevent="addDx()" class="ml-3">+ Add</a>
|
|
|
+ </div>
|
|
|
+ <table class="table table-sm table-striped table-bordered m-0">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th class="border-bottom-0 text-secondary">Problem</th>
|
|
|
@@ -62,15 +65,15 @@
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
-
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <hr class="m-neg-4 my-4">
|
|
|
- <div class="d-flex align-items-baseline mb-2">
|
|
|
- <span class="font-size-14 font-weight-bold">Medications</span>
|
|
|
- <a href="#" v-on:click.prevent="addRx()" class="ml-3">+ Add</a>
|
|
|
- </div>
|
|
|
- <table class="table table-sm table-bordered m-0" style="table-layout: fixed">
|
|
|
+ <div class="bg-white p-3 border">
|
|
|
+ <div class="d-flex align-items-baseline mb-2">
|
|
|
+ <span class="font-size-14 font-weight-bold">Medications</span>
|
|
|
+ <a href="#" v-on:click.prevent="addRx()" class="ml-3">+ Add</a>
|
|
|
+ </div>
|
|
|
+ <table class="table table-sm table-bordered m-0" style="table-layout: fixed">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<th class="border-bottom-0 text-secondary">Medication</th>
|
|
|
@@ -127,6 +130,7 @@
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
