Agency eva icons amended

src/components/user/registerAgencySection.vue

       <div class="reg-page">
         <div class="regform" style="text-align:left">
           <h4>Agency Details</h4>
-          <div class="col-md-8" style="margin-bottom: 1em">
-            <eva-icon name="people" fill="#60CBEB"></eva-icon>
-            <input
-              class="form-control"
-              type="text"
-              name="agencyname"
-              placeholder="Agency Name"
-              v-model="registerAgency.name"
-            />
-          </div>
-          <div class="col-md-8" style="margin-bottom: 1em">
-            <eva-icon name="book" fill="#60CBEB"></eva-icon>
-            <input
-              class="form-control"
-              type="text"
-              name="eaabffcnumber"
-              placeholder="EAAB FFC Number"
-              v-model="registerAgency.eaabeffcNumber"
-            />
-          </div>
-          <div class="col-md-8">
-            <eva-icon name="clipboard" fill="#60CBEB"></eva-icon>
-            <input
-              class="form-control"
-              type="text"
-              name="companyregnumber"
-              placeholder="Company Registration Number"
-              v-model="registerAgency.companyRegNumber"
-            />
+          <div class="row" style="text-align:left">
+            <div class="col-md-8" style="margin-bottom: 1em">
+              <div class="input-group-prepend">
+                <span class="input-group-text">
+                  <eva-icon name="people" fill="#60CBEB"></eva-icon>
+                </span>
+                <input
+                  class="form-control"
+                  type="text"
+                  name="agencyname"
+                  placeholder="Agency Name"
+                  v-model="registerAgency.name"
+                />
+              </div>
+            </div>
+            <div class="col-md-8" style="margin-bottom: 1em">
+              <div class="input-group-prepend">
+                <span class="input-group-text">
+                  <eva-icon name="book" fill="#60CBEB"></eva-icon>
+                </span>
+                <input
+                  class="form-control"
+                  type="text"
+                  name="eaabffcnumber"
+                  placeholder="EAAB FFC Number"
+                  v-model="registerAgency.eaabeffcNumber"
+                />
+              </div>
+            </div>
+            <div class="col-md-8">
+              <div class="input-group-prepend">
+                <span class="input-group-text">
+                  <eva-icon name="clipboard" fill="#60CBEB"></eva-icon>
+                </span>
+                <input
+                  class="form-control"
+                  type="text"
+                  name="companyregnumber"
+                  placeholder="Company Registration Number"
+                  v-model="registerAgency.companyRegNumber"
+                />
+              </div>
+            </div>
           </div>
           <hr />
           <div class="col-md-10" style="text-align:left">
             <h5 style="margin-bottom: 1em">Agency Administrator</h5>
             <div class="row" style="text-align:left">
-              <div class="col-md-6" style="margin-bottom: 1em">
+              <div class="input-group mb-3">
                 <div class="input-group-prepend">
                   <span class="input-group-text">
                     <eva-icon name="person" fill="#60CBEB"></eva-icon>
                 </div>
               </div>
 
-              <div class="col-md-6" style="margin-bottom: 1em">
+              <div class="input-group mb-3">
                 <div class="input-group-prepend">
                   <span class="input-group-text">
                     <eva-icon name="person" fill="#60CBEB"></eva-icon>
                 </div>
               </div>
             </div>
-
+            <hr />
             <div class="row">
               <div class="input-group mb-3">
                 <div class="input-group-prepend">

src/store/modules/timeshare/status.js

   },
   getters: {},
   actions: {
-    getStatusList({
-      commit
-    }) {
-      axios.get('http://localhost:57260/api/status')
+    getStatusList({ commit }) {
+      axios
+        .get('/api/status')
         .then(result => commit('setStatusList', result.data))
         .catch(console.error);
     },

vue.config.js

   devServer: {
     proxy: {
       '/api': {
-        target: 'http://localhost:57260',
+        target: 'http://192.168.6.188:5000',
         changeOrigin: true,
       },
     },