version stable correction bug envoyer carte v4 10 10 2017

src/app/components/opCommercial/envoyer-carte/envoyer-carte.component.html

@@ -74,8 +74,7 @@
           et indiquez que vous aves lu notre Politique d'utilisation des
           données, y compris notre Utilisation des cookies.
         </label>
-        <div class="col-md-6 d-flex flex-column" id="subCard1">
-          <img src="{{cartePar.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
+        <div class="col-md-6 d-flex flex-column" id="subCard1" [ngStyle]="{ 'background-image': 'url(' + cartePar.carteTemplate.downloadURL + ')'}">
           <div class="subCard1-row d-flex flex-row">
             <div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{commercant.commercialName}}</p></div>
             <div class="merchant-logo" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">
@@ -168,8 +167,8 @@
           données, y compris notre Utilisation des cookies.
         </label>
 
-        <div class="col-md-6 d-flex flex-column " id="subCard1">
-          <img src="{{cartePar.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
+        <div class="col-md-6 d-flex flex-column " id="subCard1" [ngStyle]="{ 'background-image': 'url(' + cartePar.carteTemplate.downloadURL + ')'}">
+          <!--<img src="{{cartePar.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">-->
           <div class="subCard1-row d-flex flex-row">
             <div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{commercant.commercialName}}</p></div>
             <div class="merchant-logo" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">

src/app/components/opCommercial/envoyer-carte/envoyer-carte.component.scss

@@ -8,6 +8,9 @@
 }
 
 #subCard1 {
+  background-repeat: no-repeat;
+  background-size: 100%;
+  background-position: center;
   height: 25vh;
   margin-top: 2vh;
   margin-right: auto;