Restructure assessment table columns

public/css/style.css

@@ -1095,6 +1095,16 @@ table.table-edit-sheet tbody tr td>select {
     min-width: unset !important;
     border-bottom: 1px solid #dee2e6;
 }
+table.table-edit-sheet tbody tr td input[type="text"],
+table.table-edit-sheet tbody tr td select,
+table.table-edit-sheet tbody tr td textarea {
+    box-shadow: none !important;
+    border-radius: 0 !important;
+    border: 0;
+    background: #fefefe;
+    min-width: unset !important;
+    border-bottom: 1px solid #dee2e6;
+}
 table.table-edit-sheet tbody tr td>input:focus,
 table.table-edit-sheet tbody tr td>select:focus {
     background: #fff;
@@ -1110,7 +1120,7 @@ table.table-edit-sheet .ql-container {
     border-bottom: 0 !important;
 }
 table.table-edit-sheet .ql-editor[contenteditable] {
-    min-height: 60px;
+    min-height: 90px;
 }
 .w-35 {
     width: 35%;

resources/views/app/patient/canvas-sections/dx/form.blade.php

@@ -66,7 +66,7 @@ $formID = rand(0, 100000);
                     <span>All</span>
                 </label>
             </th>
-            <th class="px-2 text-secondary border-bottom-0 w-35">
+            <th class="px-2 text-secondary border-bottom-0 w-50">
                 <div class="d-flex align-items-center font-weight-normal">
                     <span>Title</span>
                     <div class="hide-if-dashboard ml-auto">
@@ -96,9 +96,9 @@ $formID = rand(0, 100000);
                     </div>
                 </div>
             </th>
-            <th class="px-2 text-secondary border-bottom-0 min-width-140px">ICD</th>
-            <th class="px-2 text-secondary border-bottom-0 w-25">Detail</th>
-            <th class="px-2 text-secondary border-bottom-0 w-25">Plan</th>
+            {{--<th class="px-2 text-secondary border-bottom-0 min-width-140px">ICD</th>
+            <th class="px-2 text-secondary border-bottom-0 w-25">Detail</th>--}}
+            <th class="px-2 text-secondary border-bottom-0 w-50">Plan</th>
             <th class="px-2 text-secondary border-bottom-0"></th>
         </tr>
         </thead>
@@ -116,8 +116,19 @@ $formID = rand(0, 100000);
                 <input type="text" :data-index="index"
                        class="form-control form-control-sm font-weight-bold font-size-14"
                        data-field="title" placeholder="Title" v-model="item.title" autofocus required>
+                <div class="d-flex">
+                    <input type="text" :data-index="index"
+                           class="form-control form-control-sm canvas-dx-title"
+                           data-field="icd" placeholder="ICD" v-model="item.icd">
+                    <select v-model="item.coa" class="form-control form-control-sm pl-1 border-left" required>
+                        <option value="">-- select --</option>
+                        <option value="Chronic" selected>Chronic</option>
+                        <option value="Acute">Acute</option>
+                    </select>
+                </div>
+                <textarea type="text" class="form-control form-control-sm" v-model="item.detail" placeholder="Detail"></textarea>
             </td>
-            <td>
+            {{--<td>
                 <input type="text" :data-index="index"
                        class="form-control form-control-sm canvas-dx-title"
                        data-field="icd" placeholder="ICD" v-model="item.icd">
@@ -130,7 +141,7 @@ $formID = rand(0, 100000);
             <td><textarea type="text" class="form-control form-control-sm"
                           dx-rte :data-index="index" data-field="detail"
                           v-model="item.detail"></textarea>
-            </td>
+            </td>--}}
             <td><textarea type="text" class="form-control form-control-sm"
                           dx-rte :data-index="index" data-field="plan"
                           v-model="item.plan"></textarea>