UX Updates: Rebuilt Status (#860)

bcgov · Jul 6, 2022 · f9c798a · f9c798a
1 parent 14105f2
commit f9c798a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue b/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue
@@ -4,7 +4,7 @@
       <v-col cols="12" sm="2">
         <label class="generic-label" :class="{'error-text': false}">Certification</label>
       </v-col>
-      <v-col cols="12" sm="10" class="pl-2">
+      <v-col cols="12" sm="10" class="pl-1">
         <v-radio-group
           id="certification-option-btns"
           v-model="certificationOption"

diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/OtherInformation.vue b/ppr-ui/src/components/mhrRegistration/YourHome/OtherInformation.vue
@@ -14,7 +14,7 @@
             name="name"
             counter="140"
             label="Other details about the home (Optional)"
-            class="other-info"
+            class="other-info pl-1"
             data-test-id="otherRemarks"
           ></v-textarea>
         </v-col>

diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/RebuiltStatus.vue b/ppr-ui/src/components/mhrRegistration/YourHome/RebuiltStatus.vue
@@ -1,15 +1,16 @@
 <template>
   <v-form ref="rebuiltStatus" v-model=isRebuiltStatusValid>
     <v-card id="mhr-rebuilt-status" flat class="py-6 px-8 rounded">
-      <v-row no-gutters>
-        <v-col cols="2">
-          <label class="generic-label" for="rebuilt-status" :class="{'error-text': false}">Rebuilt Status</label>
+      <v-row>
+        <v-col cols="2" class="px-0">
+          <label class="generic-label" for="rebuilt-status" :class="{'error-text': false}">Rebuilt Description</label>
         </v-col>
         <v-col cols="10">
           <v-textarea
             filled
             id="rebuilt-status-text"
             counter="280"
+            class="pl-1"
             v-model.trim="rebuiltRemarks"
             :rules="maxLength(280)"
             label="Description of the rebuilt status of the home (Optional)"

diff --git a/ppr-ui/src/views/newMhrRegistration/MhrReviewConfirm.vue b/ppr-ui/src/views/newMhrRegistration/MhrReviewConfirm.vue
@@ -101,7 +101,7 @@
               <h3>Rebuilt Status</h3>
             </v-col>
             <v-col cols="9">
-              <p>{{ getMhrRegistrationHomeDescription.rebuiltRemarks || '(Not Entered)' }}</p>
+              <p v-html="formatAsHtml(getMhrRegistrationHomeDescription.rebuiltRemarks) || '(Not Entered)'"></p>
             </v-col>
           </v-row>