adapt AddAddress modal to bootstrap: position, responsive, form

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue

@@ -62,7 +62,7 @@
 
       <div>
         <ul class="record_actions">
-          <li class="btn btn-cancel">
+          <li class="cancel">
             <a href="#" class="btn btn-cancel">
               {{ $t('action.cancel') }}
             </a>

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdAddress/App.vue

@@ -16,11 +16,15 @@
       </div>
       <div class='household__address-move__valid'>
          <h2>{{ $t('move_date') }}</h2>
-         <input
-            type="date"
-            name="validFrom"
-            :placeholder="$t('validFrom')"
-            v-model="validFrom"/>
+         
+         <div class="input-group mb-3">
+            <span class="input-group-text" id="validFrom"><i class="fa fa-fw fa-calendar"></i></span>
+            <input type="date" class="form-control form-control-lg" name="validFrom"
+               v-bind:placeholder="$t('validFrom')"
+               v-model="validFrom"
+               aria-describedby="validFrom" />
+         </div>
+         
          <div v-if="errors.length > 0">
             {{ errors }}
          </div>
@@ -33,11 +37,11 @@
       </div>
       <div>
          <ul class="record_actions sticky-form-buttons">
-            <li class="btn btn-cancel">
-               <a :href=backUrl class="btn btn-cancel">{{ $t('back_to_the_list') }}</a>
+            <li class="cancel">
+               <a :href="backUrl" class="btn btn-cancel">{{ $t('back_to_the_list') }}</a>
             </li>
             <li>
-               <button type="submit" class="btn btn-update centered" @click="addToHousehold">
+               <button type="submit" class="btn btn-update" @click="addToHousehold">
                   {{ $t('add_an_address_to_household') }}
                </button>
             </li>
@@ -129,4 +133,3 @@ export default {
 };
 
 </script>
-