date taille ok

src/app/components/opCommercial/creation-op-com/creation-op-com.component.html

@@ -7,16 +7,16 @@
         <i class="fa fa-address-card prefix grey-text"></i>
         <input type="text" id="orangeForm-Familyname" [(ngModel)]="opComm.name" placeholder="Name">
       </div>
-      <div class="md-form">
+      <div class="md-form birthdayPar">
         <i class="fa fa-calendar-check-o prefix grey-text"></i>
-        <input type="date" id="orangeForm-Date" [(ngModel)]="opComm.dateDebut" placeholder="Date debut" required min="minDateTimeTest" max="maxDateTimeTest" name="dateDeb" #dateDeb="ngModel">
+        <input type="date" id="orangeForm-Date" class="col-md-3" [(ngModel)]="opComm.dateDebut" placeholder="Date debut" required min="minDateTimeTest" max="maxDateTimeTest" name="dateDeb" #dateDeb="ngModel">
         <div *ngIf="(validationDateDebut()) && (dateDeb.dirty || dateDeb.touched)"  class="alert alert-danger">
           La date de début doit être comprise entre <strong><i>{{todayDateTimeTest | date:'dd/MM/yyyy'}} et 01/01/2117</i></strong>.
         </div>
       </div>
-      <div class="md-form">
+      <div class="md-form birthdayPar">
         <i class="fa fa-calendar-times-o prefix grey-text"></i>
-        <input type="date" id="orangeForm-Date" [(ngModel)]="opComm.dateFin" placeholder="Date fin" required min="minDateTimeTest" max="maxDateTimeTest" name="dateFin" #dateFin="ngModel">
+        <input type="date" id="orangeForm-Date" class="col-md-3" [(ngModel)]="opComm.dateFin" placeholder="Date fin" required min="minDateTimeTest" max="maxDateTimeTest" name="dateFin" #dateFin="ngModel">
         <div *ngIf="(validationDateFin()) && (dateFin.dirty || dateFin.touched)"  class="alert alert-danger">
           La date de fin doit être comprise entre <strong><i>{{opComm.dateDebut | date:'dd/MM/yyyy'}} et 01/01/2117</i></strong>.
         </div>

src/app/components/opCommercial/creation-op-com/creation-op-com.component.scss

@@ -2,6 +2,10 @@
   padding: 5%;
 }
 
+.birthdayPar {
+  display: flex;
+}
+
 @media screen and (max-width: 720px) {
   .container {
     padding-top: 20%;

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

@@ -55,9 +55,9 @@
             <label for="femme">Femme</label>
           </div>
         </form>
-        <div class="md-form">
+        <div class="md-form birthdayPar">
           <i class="fa fa-birthday-cake prefix grey-text"></i>
-          <input type="date" id="orangeForm-Birthday" [(ngModel)]="parrain.birthday" placeholder="Date de naissance" required min="minDateTimeTest" max="maxDateTimeTest" name="birthday" #birthday="ngModel">
+          <input type="date" id="orangeForm-Birthday" class="col-md-2" [(ngModel)]="parrain.birthday" placeholder="Date de naissance" required min="minDateTimeTest" max="maxDateTimeTest" name="birthday" #birthday="ngModel">
           <div *ngIf="(validationBirthday())"  class="alert alert-danger">
             Votre date de naissance doit être comprise entre <strong><i>01/01/1917 et 01/01/2117</i></strong>.
           </div>
@@ -153,9 +153,9 @@
         </div>
 
 
-        <div class="md-form">
+        <div class="md-form birthdayPar">
           <i class="fa fa-birthday-cake prefix grey-text"></i>
-          <input type="date" id="orangeForm-Birthday" [(ngModel)]="birthdayTemp" placeholder="Date de naissance" name="birthday" #birthday="ngModel">
+          <input type="date" id="orangeForm-Birthday"  class="col-md-2" [(ngModel)]="birthdayTemp" placeholder="Date de naissance" name="birthday" #birthday="ngModel">
           <div *ngIf="(birthdayTemp !== parrain.birthday) && (birthday.dirty || birthday.touched)"  class="alert alert-danger">
             La date de naissance doit être la même que celle de <strong><i>{{parrain.firstname}} {{parrain.familyname}}</i></strong>.
           </div>

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

@@ -7,6 +7,10 @@
   margin-bottom: 10vh;
 }
 
+.birthdayPar {
+  display: flex;
+}
+
 #subCard1 {
   background-repeat: no-repeat;
   background-size: 100%;

src/app/components/profil/edit-profil/edit-profil.component.html

@@ -90,9 +90,9 @@
             <input type="date" id="orangeForm-Birthday" [(ngModel)]="parrain.birthday" placeholder="Birthday">
           </div>
 -->
-          <div class="md-form">
+          <div class="md-form birthdayPar">
             <i class="fa fa-birthday-cake prefix grey-text"></i>
-            <input type="date" id="orangeForm-Birthday" [(ngModel)]="parrain.birthday" placeholder="Birthday" required min="minDateTimeTest" max="maxDateTimeTest" name="birthday" #birthday="ngModel">
+            <input type="date" id="orangeForm-Birthday" class="col-md-4" [(ngModel)]="parrain.birthday" placeholder="Birthday" required min="minDateTimeTest" max="maxDateTimeTest" name="birthday" #birthday="ngModel">
             <div *ngIf="(validationBirthday())"  class="alert alert-danger">
               Votre date de naissance doit être comprise entre <strong><i>01/01/1917 et 01/01/2117</i></strong>.
             </div>

src/app/components/profil/edit-profil/edit-profil.component.scss

@@ -2,6 +2,10 @@
   padding-top: 10%;
 }
 
+.birthdayPar {
+  display: flex;
+}
+
 .inputfile {
   width: 0.1px;
   height: 0.1px;

src/app/components/register/register.component.html

@@ -42,9 +42,9 @@
         </div>
       </form>
 
-      <div class="md-form">
+      <div class="md-form birthdayPar">
         <i class="fa fa-birthday-cake prefix grey-text"></i>
-        <input type="date" id="orangeForm-Birthday" [(ngModel)]="parrain.birthday" placeholder="Date de naissance" required min="minDateTimeTest" max="maxDateTimeTest" name="birthday" #birthday="ngModel">
+        <input type="date" id="orangeForm-Birthday" class="col-md-2" [(ngModel)]="parrain.birthday" placeholder="Date de naissance" required min="minDateTimeTest" max="maxDateTimeTest" name="birthday" #birthday="ngModel">
         <div *ngIf="(validationBirthdayParrain()) && (birthday.dirty || birthday.touched)"  class="alert alert-danger">
           Votre date de naissance doit être comprise entre <strong><i>01/01/1917 et 01/01/2117</i></strong>.
         </div>

src/app/components/register/register.component.scss

@@ -2,6 +2,10 @@
   padding: 5%;
 }
 
+.birthdayPar {
+  display: flex;
+}
+
 .inputfile {
   width: 0.1px;
   height: 0.1px;