vital settings

public/css/style.css

@@ -3333,7 +3333,7 @@ body.forced-masking #mask {
     box-shadow: none;
 }
 .inline-input-underlined.width-50 {
-    width: 50px;
+    width: 32px;
 }
 .note_template_omega_soap_visit .system_segment .d-flex.border-bottom:last-of-type {
     border-bottom: 0 !important;
@@ -3559,4 +3559,4 @@ table.v-top th {
 .note_template_psych_intake_visit .edit-container [visit-moe]>form>div:last-child>.d-inline-flex,
 .note_template_psych_followup_visit .edit-container [visit-moe]>form>div:last-child>.d-inline-flex {
     display: flex !important;
-}
+}

resources/views/app/patient/vitals-settings/bp-management-form.blade.php

@@ -90,11 +90,10 @@
                                     <td>
                                         <input type="text" class="inline-input-underlined width-50" name="usualAmRestingSbpMin" v-model="form.usualAmRestingSbpMin" />
                                         <span>/</span>
-                                        <input type="text" class="inline-input-underlined width-50 mr-2" name="usualAmRestingDbpMin" v-model="form.usualAmRestingDbpMin" />
+                                        <input type="text" class="inline-input-underlined width-50" name="usualAmRestingDbpMin" v-model="form.usualAmRestingDbpMin" />
                                     </td>
                                     <td>
-                                        <input type="text" class="inline-input-underlined width-50" name="usualAmRestingPulseMin" v-model="form.usualAmRestingPulseMin" />
-                                        <span>BPM</span>
+                                        <input type="text" class="inline-input-underlined width-50" name="usualAmRestingPulseMin" v-model="form.usualAmRestingPulseMin" /> <span class="ml-1">BPM</span>
                                     </td>
                                 </tr>
                                 <tr v-if="form.doesUsualBpHaveRange">
@@ -105,7 +104,7 @@
                                     <td>
                                         <input type="text" class="inline-input-underlined width-50" name="usualAmRestingSbpMax" value="{{ $patient->usual_am_resting_sbp_max }}" />
                                         <span>/</span>
-                                        <input type="text" class="inline-input-underlined width-50 mr-2" name="usualAmRestingDbpMax" value="{{ $patient->usual_am_resting_dbp_max }}" />
+                                        <input type="text" class="inline-input-underlined width-50" name="usualAmRestingDbpMax" value="{{ $patient->usual_am_resting_dbp_max }}" />
                                     </td>
                                     <td><input type="text" class="inline-input-underlined width-50" name="usualAmRestingPulseMax" value="{{ $patient->usual_am_resting_pulse_max }}" /> <span>BPM</span></td>
                                 </tr>
@@ -117,7 +116,7 @@
                                     <td>
                                         <input type="text" class="inline-input-underlined width-50" name="usualPmRestingSbpMin" value="{{ $patient->usual_pm_resting_sbp_min }}" />
                                         <span>/</span>
-                                        <input type="text" class="inline-input-underlined width-50 mr-2" name="usualPmRestingDbpMin" value="{{ $patient->usual_pm_resting_dbp_min }}" />
+                                        <input type="text" class="inline-input-underlined width-50" name="usualPmRestingDbpMin" value="{{ $patient->usual_pm_resting_dbp_min }}" />
                                     </td>
                                     <td><input type="text" class="inline-input-underlined width-50" name="usualPmRestingPulseMin" value="{{ $patient->usual_pm_resting_pulse_min }}" /> <span>BPM</span></td>
                                 </tr>
@@ -129,7 +128,7 @@
                                     <td>
                                         <input type="text" class="inline-input-underlined width-50" name="usualPmRestingSbpMax" value="{{ $patient->usual_pm_resting_sbp_max }}" />
                                         <span>/</span>
-                                        <input type="text" class="inline-input-underlined width-50 mr-2" name="usualPmRestingDbpMax" value="{{ $patient->usual_pm_resting_dbp_max }}" />
+                                        <input type="text" class="inline-input-underlined width-50" name="usualPmRestingDbpMax" value="{{ $patient->usual_pm_resting_dbp_max }}" />
                                     </td>
                                     <td><input type="text" class="inline-input-underlined width-50" name="usualPmRestingPulseMax" value="{{ $patient->usual_pm_resting_pulse_max }}" /> <span>BPM</span></td>
                                 </tr>
@@ -141,9 +140,9 @@
                         <div class="text-secondary font-weight-bold mr-2">Ideal BP:</div>
                         <div class="d-flex align-items-center">
                             <input type="text" class="inline-input-underlined width-50" name="idealAmRestingSbpMin" value="{{ $patient->ideal_am_resting_sbp_min }}" />
-                            <span>/</span>
-                            <input type="text" class="inline-input-underlined width-50 mr-3" name="idealAmRestingDbpMin" value="{{ $patient->ideal_am_resting_dbp_min }}" />
-                            <input type="text" class="inline-input-underlined width-50" name="idealAmRestingPulse" value="{{ $patient->ideal_am_resting_pulse }}" /> <span>BPM</span>
+                            <span class="mx-1">/</span>
+                            <input type="text" class="inline-input-underlined width-50 mr-2" name="idealAmRestingDbpMin" value="{{ $patient->ideal_am_resting_dbp_min }}" />
+                            <input type="text" class="inline-input-underlined width-50" name="idealAmRestingPulse" value="{{ $patient->ideal_am_resting_pulse }}" /> <span class="ml-1">BPM</span>
                         </div>
                     </div>
                     <hr class="my-3">
@@ -155,19 +154,17 @@
                                 <h6 class="mb-0 mr-3">Above:</h6>
                                 <h6 class="mb-0 mr-3">BP:</h6>
                                 <input type="text" class="inline-input-underlined width-50" name="redAlertWhenSbpAbove" value="{{ $patient->red_alert_when_sbp_above }}" />
-                                <span>/</span>
-                                <input type="text" class="inline-input-underlined width-50 mr-3" name="redAlertWhenDbpAbove" value="{{ $patient->red_alert_when_dbp_above }}" />
-                                <input type="text" class="inline-input-underlined width-50" name="redAlertWhenPulseAbove" value="{{ $patient->red_alert_when_pulse_above }}" />
-                                <span>BPM</span>
+                                <span class="mx-1">/</span>
+                                <input type="text" class="inline-input-underlined width-50 mr-2" name="redAlertWhenDbpAbove" value="{{ $patient->red_alert_when_dbp_above }}" />
+                                <input type="text" class="inline-input-underlined width-50" name="redAlertWhenPulseAbove" value="{{ $patient->red_alert_when_pulse_above }}" /> <span class="ml-1">BPM</span>
                             </div>
                             <div class="d-flex align-items-center mb-2">
                                 <h6 class="mb-0 mr-3">Below:</h6>
                                 <h6 class="mb-0 mr-3">BP:</h6>
                                 <input type="text" class="inline-input-underlined width-50" name="redAlertWhenSbpBelow" value="{{ $patient->red_alert_when_sbp_below }}" />
-                                <span>/</span>
-                                <input type="text" class="inline-input-underlined width-50 mr-3" name="redAlertWhenDbpBelow" value="{{ $patient->red_alert_when_dbp_below }}" />
-                                <input type="text" class="inline-input-underlined width-50" name="redAlertWhenPulseBelow" value="{{ $patient->red_alert_when_pulse_below }}" />
-                                <span>BPM</span>
+                                <span class="mx-1">/</span>
+                                <input type="text" class="inline-input-underlined width-50 mr-2" name="redAlertWhenDbpBelow" value="{{ $patient->red_alert_when_dbp_below }}" />
+                                <input type="text" class="inline-input-underlined width-50" name="redAlertWhenPulseBelow" value="{{ $patient->red_alert_when_pulse_below }}" /> <span class="ml-1">BPM</span>
                             </div>
                         </div>
                     </div>
@@ -178,19 +175,17 @@
                                 <h6 class="mb-0 mr-3">Above:</h6>
                                 <h6 class="mb-0 mr-3">BP:</h6>
                                 <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenSbpAbove" value="{{ $patient->yellow_alert_when_sbp_above }}" />
-                                <span>/</span>
-                                <input type="text" class="inline-input-underlined width-50 mr-3" name="yellowAlertWhenDbpAbove" value="{{ $patient->yellow_alert_when_dbp_above }}" />
-                                <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenPulseAbove" value="{{ $patient->yellow_alert_when_pulse_above }}" />
-                                <span>BPM</span>
+                                <span class="mx-1">/</span>
+                                <input type="text" class="inline-input-underlined width-50 mr-2" name="yellowAlertWhenDbpAbove" value="{{ $patient->yellow_alert_when_dbp_above }}" />
+                                <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenPulseAbove" value="{{ $patient->yellow_alert_when_pulse_above }}" /> <span class="ml-1">BPM</span>
                             </div>
                             <div class="d-flex align-items-center mb-2">
                                 <h6 class="mb-0 mr-3">Below:</h6>
                                 <h6 class="mb-0 mr-3">BP:</h6>
                                 <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenSbpBelow" value="{{ $patient->yellow_alert_when_sbp_below }}" />
-                                <span>/</span>
-                                <input type="text" class="inline-input-underlined width-50 mr-3" name="yellowAlertWhenDbpBelow" value="{{ $patient->yellow_alert_when_dbp_below }}" />
-                                <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenPulseBelow" value="{{ $patient->yellow_alert_when_pulse_below }}" />
-                                <span>BPM</span>
+                                <span class="mx-1">/</span>
+                                <input type="text" class="inline-input-underlined width-50 mr-2" name="yellowAlertWhenDbpBelow" value="{{ $patient->yellow_alert_when_dbp_below }}" />
+                                <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenPulseBelow" value="{{ $patient->yellow_alert_when_pulse_below }}" /> <span class="ml-1">BPM</span>
                             </div>
                         </div>
                     </div>

resources/views/app/patient/vitals-settings/bp-management-summary.blade.php

@@ -138,7 +138,7 @@
                         <div class="text-secondary font-weight-bold mr-2">Ideal BP:</div>
                         <div class="d-flex align-items-center">
                             <input type="text" class="inline-input-underlined width-50" name="idealAmRestingSbpMin" value="{{ $patient->ideal_am_resting_sbp_min }}" />
-                            <span>/</span>
+                            <span class="mx-1">/</span>
                             <input type="text" class="inline-input-underlined width-50 mr-3" name="idealAmRestingDbpMin" value="{{ $patient->ideal_am_resting_dbp_min }}" />
                             <input type="text" class="inline-input-underlined width-50" name="idealAmRestingPulse" value="{{ $patient->ideal_am_resting_pulse }}" /> <span>BPM</span>
                         </div>
@@ -152,19 +152,17 @@
                                 <h6 class="mb-0 mr-3">Above:</h6>
                                 <h6 class="mb-0 mr-3">BP:</h6>
                                 <input type="text" class="inline-input-underlined width-50" name="redAlertWhenSbpAbove" value="{{ $patient->red_alert_when_sbp_above }}" />
-                                <span>/</span>
+                                <span class="mx-1">/</span>
                                 <input type="text" class="inline-input-underlined width-50 mr-3" name="redAlertWhenDbpAbove" value="{{ $patient->red_alert_when_dbp_above }}" />
-                                <input type="text" class="inline-input-underlined width-50" name="redAlertWhenPulseAbove" value="{{ $patient->red_alert_when_pulse_above }}" />
-                                <span>BPM</span>
+                                <input type="text" class="inline-input-underlined width-50" name="redAlertWhenPulseAbove" value="{{ $patient->red_alert_when_pulse_above }}" /> <span>BPM</span>
                             </div>
                             <div class="d-flex align-items-center mb-2">
                                 <h6 class="mb-0 mr-3">Below:</h6>
                                 <h6 class="mb-0 mr-3">BP:</h6>
                                 <input type="text" class="inline-input-underlined width-50" name="redAlertWhenSbpBelow" value="{{ $patient->red_alert_when_sbp_below }}" />
-                                <span>/</span>
+                                <span class="mx-1">/</span>
                                 <input type="text" class="inline-input-underlined width-50 mr-3" name="redAlertWhenDbpBelow" value="{{ $patient->red_alert_when_dbp_below }}" />
-                                <input type="text" class="inline-input-underlined width-50" name="redAlertWhenPulseBelow" value="{{ $patient->red_alert_when_pulse_below }}" />
-                                <span>BPM</span>
+                                <input type="text" class="inline-input-underlined width-50" name="redAlertWhenPulseBelow" value="{{ $patient->red_alert_when_pulse_below }}" /> <span>BPM</span>
                             </div>
                         </div>
                     </div>
@@ -175,19 +173,17 @@
                                 <h6 class="mb-0 mr-3">Above:</h6>
                                 <h6 class="mb-0 mr-3">BP:</h6>
                                 <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenSbpAbove" value="{{ $patient->yellow_alert_when_sbp_above }}" />
-                                <span>/</span>
+                                <span class="mx-1">/</span>
                                 <input type="text" class="inline-input-underlined width-50 mr-3" name="yellowAlertWhenDbpAbove" value="{{ $patient->yellow_alert_when_dbp_above }}" />
-                                <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenPulseAbove" value="{{ $patient->yellow_alert_when_pulse_above }}" />
-                                <span>BPM</span>
+                                <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenPulseAbove" value="{{ $patient->yellow_alert_when_pulse_above }}" /> <span>BPM</span>
                             </div>
                             <div class="d-flex align-items-center mb-2">
                                 <h6 class="mb-0 mr-3">Below:</h6>
                                 <h6 class="mb-0 mr-3">BP:</h6>
                                 <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenSbpBelow" value="{{ $patient->yellow_alert_when_sbp_below }}" />
-                                <span>/</span>
+                                <span class="mx-1">/</span>
                                 <input type="text" class="inline-input-underlined width-50 mr-3" name="yellowAlertWhenDbpBelow" value="{{ $patient->yellow_alert_when_dbp_below }}" />
-                                <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenPulseBelow" value="{{ $patient->yellow_alert_when_pulse_below }}" />
-                                <span>BPM</span>
+                                <input type="text" class="inline-input-underlined width-50" name="yellowAlertWhenPulseBelow" value="{{ $patient->yellow_alert_when_pulse_below }}" /> <span>BPM</span>
                             </div>
                         </div>
                     </div>