FHx - Overlap UI bug fix

public/css/style.css

@@ -201,7 +201,7 @@ body>nav.navbar {
     white-space: nowrap;
     display: block;
 }
-.mcp-theme-1 .form-control.form-control-sm {
+.mcp-theme-1 .form-control.form-control-sm:not(.min-width-unset) {
     min-width: 200px;
 }
 .mcp-theme-1 [large] .form-control.form-control-sm {

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

@@ -23,7 +23,7 @@ $formID = rand(0, 100000);
         <div class="row mb-3">
             <div class="col-md-3">
                 <label class="text-secondary text-sm mb-1 d-block">Relationship</label>
-                <select class="form-control form-control-sm" v-model="item.relationship" required>
+                <select class="form-control form-control-sm min-width-unset" v-model="item.relationship" required>
                     <option value="">-- select --</option>
                     <option value="Mother">Mother</option>
                     <option value="Father">Father</option>

resources/views/app/patient/canvas-sections/fhx/summary.php

@@ -40,7 +40,7 @@ if(!$contentData['unknown'] && !!$contentData['count']) {
         <div class="<?= $i > 0 ? 'mt-2' : '' ?>">
             <div class="pb-1">
                 <b><?= isset($contentData['items'][$i]['relationship']) ? $contentData['items'][$i]['relationship'] : '--' ?></b>
-                <?php if(isset($contentData['items'][$i]['status'])): ?>
+                <?php if(isset($contentData['items'][$i]['status']) && !empty($contentData['items'][$i]['status'])): ?>
                     <span class="ml-1 text-secondary">(<?= $contentData['items'][$i]['status'] ?>)</span>
                 <?php endif; ?>
             </div>