Ccfri 4321 rfi UI fix (#609)

* UI updates for RFI , fix bug where rows containing dates do not delete properly

* fix next button on existing fees correct page

* fixed alignment on ul

Author: jenbeckett

backend/src/util/mapping/Mappings.js

@@ -107,6 +107,7 @@ const ServiceExpansionDetailsMappings = [
   { back: 'ccof_paymentfrequencydetails', front: 'frequency' },
   { back: 'ccof_dateofchange', front: 'date' },
   { back: 'ccof_amountofexpense', front: 'expense' },
+  { back: 'ccof_rfipfiserviceexpansiondetailid', front: 'id' },
 ];
 
 const DCSWageIncreaseMappings = [
@@ -117,13 +118,15 @@ const DCSWageIncreaseMappings = [
   { back: 'ccof_wageafterincrease', front: 'wageAfterIncrease' },
   { back: 'ccof_averagehoursperweek', front: 'averageHours' },
   { back: 'ccof_wageincreasedate', front: 'wageDate' },
+  { back: 'ccof_rfi_pfi_dcs_wi_detailid', front: 'id' },
 ];
 
 const ExpenseInformationMappings = [
   { back: 'ccof_expensedescription', front: 'description' },
   { back: 'ccof_dateofexpense', front: 'date' },
   { back: 'ccof_paymentfrequencydetails', front: 'frequency' },
   { back: 'ccof_expenseamountt', front: 'expense' },
+  { back: 'ccof_rfipfiexpenseinfoid', front: 'id' },
 ];
 
 const OtherFundingProgramMappings = [
@@ -132,13 +135,15 @@ const OtherFundingProgramMappings = [
   { back: 'ccof_statusofapplication', front: 'status' },
   { back: 'ccof_amountreceived', front: 'amount' },
   { back: 'ccof_expense', front: 'expenses' },
+  { back: 'ccof_rfi_pfi_other_fundingid', front: 'id' },
 ];
 
 const IndigenousExpenseMappings = [
   { back: 'ccof_expensedescription', front: 'description' },
   { back: 'ccof_date', front: 'date' },
   { back: 'ccof_paymentfrequency', front: 'frequency' },
   { back: 'ccof_amount', front: 'expense' },
+  { back: 'ccof_rfipfiserviceexpansionindigenouscommunityid', front: 'id' },
 ];
 
 const NMFApplicationMappings = [

frontend/public/styles/common.css

@@ -113,10 +113,22 @@ input[type="number"] {
   color: #ff5252;
 }
 
-.add-file-button {
+.font-large {
+  font-size: 18px;
+}
+
+.font-regular {
   font-size: 16px;
 }
 
+.font-small {
+  font-size: 14px;
+}
+
+.font-xsmall {
+  font-size: 12px;
+}
+
 .border-right {
   border-right: 0.5px solid lightgray;
 }
@@ -133,10 +145,9 @@ input[type="number"] {
 }
 
 .span-label {
-  color: grey;
+  color: #636262;
   font-style: normal;
   font-family: "BCSans", Verdana, Arial, sans-serif;
-  font-size: 14px;
 }
 
 div.text-h4,

frontend/src/components/RFI/RFIDocumentUpload.vue

@@ -26,14 +26,7 @@
         >
           <template #top>
             <v-col flex>
-              <AppButton
-                v-if="!isLocked"
-                id="add-new-file"
-                :primary="false"
-                size="large"
-                class="add-file-button mb-2"
-                @click="addNew"
-              >
+              <AppButton v-if="!isLocked" id="add-new-file" :primary="false" size="large" class="mb-2" @click="addNew">
                 Add File
               </AppButton>
             </v-col>