Amend text at site management

https://dev.wormwood.com.sg/zentao/task-view-28.html

Strides-Admin/src/views/site/detail.vue

@@ -262,7 +262,7 @@
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
               label="Effective From:"
-              label-width="130px"
+              label-width="140px"
               prop="effectiveFrom">
               <el-time-picker
                 v-model="siteForm.effectiveFrom"
@@ -274,7 +274,7 @@
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
               label="Effective To:"
-              label-width="130px"
+              label-width="140px"
               prop="effectiveTo">
               <el-time-picker
                 v-model="siteForm.effectiveTo"
@@ -286,7 +286,7 @@
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
               label="Idle Fee:"
-              label-width="130px"
+              label-width="140px"
               prop="idleFee">
               <el-input
                 v-model="siteForm.idleFee"
@@ -298,8 +298,12 @@
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
               label="Every (minute):"
-              label-width="130px"
+              label-width="140px"
               prop="everyMinute">
+              <template slot="label">
+                <span>Idle Fee Interval:</span>
+                <span class="label-unit">(minute)</span>
+              </template>
               <el-input
                 maxlength="4"
                 v-model.number="siteForm.everyMinute"
@@ -309,7 +313,7 @@
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
               label="Effective Date:"
-              label-width="130px"
+              label-width="140px"
               prop="effectiveDate">
               <el-date-picker
                 v-model="siteForm.effectiveDate"
@@ -938,6 +942,13 @@ export default {
     padding-left: 10px;
   }
   
+  .label-unit {
+    left: 20px;
+    bottom: -13px;
+    font-size: 12px;
+    position: absolute;
+  }
+  
   .cancel-button {
     width: 94px;
     height: 40px;

Strides-Admin/src/views/site2/detail.vue

@@ -4,7 +4,7 @@
       ref="addForm"
       :rules="rules"
       :model="siteForm"
-      label-position="left"
+      label-position="right"
       label-width="120px"
       style="width: 100%;">
       <div class="flexr">
@@ -264,7 +264,7 @@
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
               label="Effective From:"
-              label-width="130px"
+              label-width="140px"
               prop="effectiveFrom">
               <el-time-picker
                 v-model="siteForm.effectiveFrom"
@@ -276,7 +276,7 @@
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
               label="Effective To:"
-              label-width="130px"
+              label-width="140px"
               prop="effectiveTo">
               <el-time-picker
                 v-model="siteForm.effectiveTo"
@@ -288,7 +288,7 @@
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
               label="Idle Fee:"
-              label-width="130px"
+              label-width="140px"
               prop="idleFee">
               <el-input
                 v-model="siteForm.idleFee"
@@ -299,9 +299,14 @@
           </el-col>
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
-              label="Every (minute):"
-              label-width="130px"
-              prop="everyMinute">
+              label="Idle Fee Interval"
+              label-width="140px"
+              prop="everyMinute"
+              style="position: relative;">
+              <template slot="label">
+                <span>Idle Fee Interval:</span>
+                <span class="label-unit">(minute)</span>
+              </template>
               <el-input
                 maxlength="4"
                 v-model.number="siteForm.everyMinute"
@@ -311,7 +316,7 @@
           <el-col :xs="24" :md="12" :lg="8">
             <el-form-item
               label="Effective Date:"
-              label-width="130px"
+              label-width="140px"
               prop="effectiveDate">
               <el-date-picker
                 v-model="siteForm.effectiveDate"
@@ -940,6 +945,13 @@ export default {
     padding-left: 10px;
   }
   
+  .label-unit {
+    left: 20px;
+    bottom: -13px;
+    font-size: 12px;
+    position: absolute;
+  }
+  
   .cancel-button {
     width: 94px;
     height: 40px;